Yew项目编译失败求助：跟随官方示例构建应用遇错误

跟着Yew官方文档的「构建示例应用」教程操作时，构建的应用出现编译失败错误，不清楚原因。相关信息如下：

错误截图：

Cargo.toml中的Yew版本配置 #

[dependencies]
yew = { version = "0.20.0", features = ["csr"] }

main.rs中的代码 #

use yew::prelude::*;

#[function_component]
fn App() -> Html {
let counter = use_state(|| 0);
let onclick = {
    let counter = counter.clone();
    move |_| {
        let value = *counter + 1;
        counter.set(value);
    }
};

html! {
    <div>
        <button {onclick}>{ "+1" }</button>
        <p>{ *counter }</p>
    </div>
}
}

fn main() {
  yew::Renderer::<App>::new().render();
}

index.html中的代码 #

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Yew App</title>
</head>

内容的提问来源于stack exchange，提问作者Ganesh11