Blazor WASM PWA 找不到任何匹配选择器的元素 'app'
Blazor WASM PWA Could not find any element matching selector 'app'
我正在使用 Visual Studio 2019 v16.8.5，并且在我最近升级到 .NET5 的解决方案中有一个 Blazor WASM PWA 项目。在这期间我达到了 运行，但最近我无法启动它了。
屏幕显示 正在加载... 就是这样。
控制台输出 (Firefox) 显示以下错误：Microsoft.JSInterop.JSException: Could not find any element matching selector 'app'.
在某些时候，这是 运行ning 没有这个问题，但即使将解决方案恢复到较早的状态也不会带来任何变化，我仍然得到一个空白屏幕。
我发现一个 github 消息来源说“只需从 Program Main 中删除 builder.RootComponents.Add<App>("app");”。如果我这样做，错误就会消失，我只会得到一个空白页面，上面写着 Loading...，控制台输出中没有错误。
其他信息：在 Visual Studio 中 运行 项目之后，我现在进行全面缓存清理（cookie 和网站文件）以防止任何缓存问题。
我做错了什么我看不到我的任何页面？
即使在像 https://192.168.188.31:5555/login?
这样明确地称呼它们之后
根据用于创建初始应用程序的模板版本，在 index.html.
中使用略有不同的 HTML
旧版本可能看起来像
<app>Loading...</app>
新人应该喜欢
<div id="app">Loading...</div>
如果第一个仍然成立，对应的声明应该是
builder.RootComponents.Add<App>("app");
第二行应该是
builder.RootComponents.Add<App>("#app");
第二个使用 id 选择器 #。
通常，index.html 被视为“静态”文件并由浏览器缓存。因此，您在该文件中所做的更改不会立即反映出来。禁用缓存的最简单方法是打开开发人员工具，转到“网络”选项卡并禁用缓存。
我正在使用 Visual Studio 2019 v16.8.5，并且在我最近升级到 .NET5 的解决方案中有一个 Blazor WASM PWA 项目。在这期间我达到了 运行，但最近我无法启动它了。
屏幕显示 正在加载... 就是这样。
控制台输出 (Firefox) 显示以下错误：Microsoft.JSInterop.JSException: Could not find any element matching selector 'app'.
在某些时候，这是 运行ning 没有这个问题，但即使将解决方案恢复到较早的状态也不会带来任何变化，我仍然得到一个空白屏幕。
我发现一个 github 消息来源说“只需从 Program Main 中删除 builder.RootComponents.Add<App>("app");”。如果我这样做，错误就会消失，我只会得到一个空白页面，上面写着 Loading...，控制台输出中没有错误。
其他信息：在 Visual Studio 中 运行 项目之后，我现在进行全面缓存清理（cookie 和网站文件）以防止任何缓存问题。
我做错了什么我看不到我的任何页面？
即使在像 https://192.168.188.31:5555/login?
根据用于创建初始应用程序的模板版本，在 index.html.
旧版本可能看起来像
<app>Loading...</app>
新人应该喜欢
<div id="app">Loading...</div>
如果第一个仍然成立，对应的声明应该是
builder.RootComponents.Add<App>("app");
第二行应该是
builder.RootComponents.Add<App>("#app");
第二个使用 id 选择器 #。
通常，index.html 被视为“静态”文件并由浏览器缓存。因此，您在该文件中所做的更改不会立即反映出来。禁用缓存的最简单方法是打开开发人员工具，转到“网络”选项卡并禁用缓存。