标签: blazor-pwa

Blazor WASM PWA 无法更改图标,无法更改名称

我正在努力解决一个案例,我已经对如何解决这个问题做了很好的研究。它对每个人都有效,但对我不起作用!

环境:

  • 微软 Windows 10 专业版
  • Visual Studio 社区版 2019

因此,我创建了一个项目,并从一开始就选择了渐进式 Web 应用程序 (PWA),以自动生成我需要的所有内容。还使应用程序 ASP.NET Core 托管。

启动项目是独立模式下的 Rihal.Server(不是 IIS 或 Docker)。

当我启动应用程序时,我在 Chrome 中收到安装应用程序的默认提示。当我单击“+”图标时,我会看到默认的 Blazor 图标和应用程序的名称“Rihal”。到目前为止,一切都很好。当我更改图标和名称时,我仍然保留默认值! 在此输入图像描述

  1. 我已经尝试一一清理和重建所有项目,没有错误。
  2. 我尝试过重新启动 Visual Studio。
  3. 我尝试更改清单中的其他内容(例如背景颜色)以查看任何变化,但没有任何变化。
  4. 我已经检查了构建操作(内容)。默认复制到输出目录为(不复制),更改为(始终复制)无效。

就像清单被完全忽略一样。

我开发了这个应用程序的其他部分,然后更改了图标和名称:

  1. 替换了默认图标(与较小分辨率下的 192 使用的图标相同) 在此输入图像描述

  2. 更新了我的manifest.json以获取192尺寸和名称/短名称:(我也尝试添加多个尺寸)。

{
  "name": "Rihal Timesheet",
  "short_name": "Timesheet",
  "start_url": "./",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#03173d",
  "icons": [
    {
      "src": "icon-512.png",
      "type": "image/png",
      "sizes": "512x512"
    },
    {
      "src": "icon-192.png",
      "type": "image/png",
      "sizes": "192x192"
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

其他相关文件:

Rihal.Client service-worker.js

// In development, always …
Run Code Online (Sandbox Code Playgroud)

asp.net-core manifest.json blazor blazor-webassembly blazor-pwa

5
推荐指数
1
解决办法
6418
查看次数