AngularPWA错误:找不到引导调用
创始人
2024-10-29 02:00:10
0

在项目中加入以下代码,以便在Angular中正确初始化和引导PWA。

在src/app/app.module.ts中:

import { ServiceWorkerModule } from '@angular/service-worker';
import { environment } from '../environments/environment';

@NgModule({
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
  ],

确保已在angular.json文件中为SW(Service Worker)生成了必要的assetGroups:

 "configurations": {
            "production": {
              "buildOptimizer": true,
              "sourceMap": false,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "commonChunk": false,
              "assets": [
                "src/assets",
                "src/favicon.ico",
                {
                  "glob": "**/*",
                  "input": "dist/",
                  "output": "/"
                },
                {
                  "glob": "ngsw-worker.js",
                  "input": "node_modules/@angular/service-worker/",
                  "output": "/"
                },
                {
                  "glob": "manifest.webmanifest",
                  "input": "src/",
                  "output": "/"
                }
              ],

确保PWA安装包“ngsw-manifest.json”,已保存在“/src”目录下:

{
  "name": "my-app",
  "short_name": "my-app",
  "theme_color": "#1976d2",
  "background_color": "#fafafa",
  "display": "standalone",
  "scope": "/",
  "start_url": "/",
  "icons": [
    {
      "src": "assets/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "assets/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "assets/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "assets

相关内容

热门资讯

辅助透视"打哈儿脚本... 辅助透视"打哈儿脚本免费"开挂(透视)wepoker辅助真的假的(有挂助手);1、这是跨平台的打哈儿...
详细说明"上饶打炸漏... 详细说明"上饶打炸漏洞"开挂(透视)hhpoker哪个俱乐部靠谱(竟然有挂);大家肯定在之前上饶打炸...
透视透视挂"小程序微... 透视透视挂"小程序微乐游戏辅助"开挂(透视)pokemmo手机版修改器(真实有挂);是一款可以让一直...
终于懂了"决战geo... 《终于懂了"决战geo辅助"开挂(透视)大菠萝789辅助器下载(详细教程)》 决战geo辅助软件透视...
透视ai"欢乐茶馆脚... 透视ai"欢乐茶馆脚本辅助"开挂(透视)wejoker手机版透视脚本(有挂教学);1、超多福利:超高...
推荐几款新版"aap... 推荐几款新版"aapoker透视脚本"开挂(透视)wpk私人局辅助是真的吗(真是有挂);一、有挂的是...
详细说明"微乐贵阳捉... 详细说明"微乐贵阳捉鸡麻将辅助"开挂(透视)poker world辅助(有挂教学);1.微乐贵阳捉鸡...
研究成果"都莱辅助器... 研究成果"都莱辅助器"开挂(透视)wejoker辅助软件价格(有挂技巧);1、让任何用户在无需AI插...
专业讨论"大唐山西辅... 专业讨论"大唐山西辅助"开挂(透视)hhpoker破解工具(今日头条);软件透视开挂更新新赛季,主要...
重要通知"赤峰对调同... 【福星临门,好运相随】;重要通知"赤峰对调同城游辅助"开挂(透视)wepoker亲友圈有用吗(有挂总...