Blazor WASM Core Hosted .NET 6 启用预渲染后无PWA安装按钮问题咨询

Blazor WASM启用预渲染不会失去PWA应用的可安装能力，你遇到的Chrome不显示安装按钮的问题是配置遗漏导致的。

问题根因 #

Chrome触发PWA安装提示需要同时满足三个基础条件：

• 站点已注册有效且激活的Service Worker
• 页面正确引用了符合规范的Web App Manifest配置文件
• 站点通过HTTPS访问（本地开发环境localhost不受此限制）

从你提供的_layout.cshtml代码可以看到，你已经完成了Service Worker的注册，但head标签中缺少manifest配置文件的引用，这是导致安装按钮不显示的直接原因。

修复方案 #

1. 首先确认Blazor WASM Client项目的wwwroot目录下存在合法的manifest.json文件（默认PWA模板会自动生成该文件，手动开启PWA的项目需要自行补充，文件内必须包含name、short_name、start_url、display、icons等必填字段）
2. 在服务端_layout.cshtml的head标签内添加manifest引用：

<link rel="manifest" href="manifest.json" />

3. 重启项目后打开Chrome DevTools的「Application」面板，进入「Manifest」选项卡确认配置文件已被正常识别，无格式或字段错误。

额外排查点 #

如果添加引用后仍未显示安装按钮，可按以下顺序排查：

• 确认服务端静态文件中间件已配置，manifest.json可以被正常访问，没有被服务端路由拦截
• 确认manifest.json中配置的图标存在，且至少包含192x192和512x512两种分辨率的png格式图标
• 清除浏览器缓存后重新注册Service Worker，重试安装触发逻辑

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