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

相关内容

热门资讯

微扑克辅助透视技能教程!wep... 微扑克辅助透视技能教程!wepoke是不是有辅助,wepoke软件透明挂是真的么,科技教程(总是有挂...
黑科技玄学!(WPK)透视辅助... 黑科技玄学!(WPK)透视辅助工具,(WpK)其实存在有挂,教你攻略(有挂透视);建议优先通过WpK...
德扑之星软件透明软件多少钱!微... 德扑之星软件透明软件多少钱!微扑克这软件有问题吗,aapoker德州线上扑克辅助工具,详细教程(都是...
黑科技ai代打!(云扑克德州)... 1、黑科技ai代打!(云扑克德州)外挂辅助挂,(x-poker)最初是真的有挂,微扑克教程(有挂辅助...
wepokeai代打逻辑!we... wepokeai代打逻辑!wepoke小技巧,德州辅助分析软件,解说技巧(确实存在有挂)1、许多玩家...
黑科技实锤!(aAPOKER)... 黑科技实锤!(aAPOKER)透明挂辅助器,(德州aa扑克)原生是有挂,详细教程(有挂方法);人气非...
wepokeai代打的胜率!w... wepokeai代打的胜率!wpk ai辅助,线上德州有后台操控吗,分享教程(先前真的有挂);建议优...
黑科技游戏!(wpK)透视辅助... 1、黑科技游戏!(wpK)透视辅助安装,(WPk)本来有挂,细节揭秘(有挂软件)。2、wpK透视辅助...
微扑克辅助神器!wopoker... 微扑克辅助神器!wopoker外挂,wpk微扑克俱乐部,2025新版教程(从前有挂)是一款可以让一直...
黑科技辅助挂!(德州)外挂辅助... 黑科技辅助挂!(德州)外挂辅助挂,(德州)一直真的是有挂,靠谱教程(有挂透明);1.德州 ai辅助创...