为什么在执行app-shell时出现“未处理的承诺拒绝: IDBIndex未定义”错误？

Question

当我试图在角nx应用程序中提供应用程序外壳时，我得到了"IDBIndex是未定义的“错误。我可以在没有app-shell的情况下为应用程序提供服务，应用程序-shell是使用nx控制台生成到现有项目的。帮我解决这个问题。出现以下错误后会弹出错误。

complete

• Copying

• 浏览器应用程序包生成资产complete.

1. Index html生成完成

Executing task: npx nx run vimbal:app-shell --configuration=development

Generating application shell...Unhandled Promise rejection: IDBIndex is not defined ; Zone: <root> ; Task: Promise.then ; Value: ReferenceError: IDBIndex is not defined
    at Module.2139 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:325780:38)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.37152 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:310888:61)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.9717 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:314189:81)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.90852 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:325635:81)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.63413 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:3732:80)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.52591 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:1432:71)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.39338 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:407:82)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.37618 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:43:70)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42) ReferenceError: IDBIndex is not defined
    at Module.2139 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:325780:38)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.37152 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:310888:61)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.9717 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:314189:81)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.90852 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:325635:81)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.63413 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:3732:80)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.52591 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:1432:71)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.39338 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:407:82)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
    at Module.37618 (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:43:70)
    at __webpack_require__ (C:\Users\chama\Documents\FYP\Application\vimbal\dist\vimbal\server\main.js:328113:42)       
✖ Application shell generation failed.
IDBIndex is not defined

Angular CLI: 13.8.1
Node: v16.14.0
Package Manager: npm 8.5.0
OS: Windows 11 Home

"@angular/animations": "~13.2.0",
    "@angular/cdk": "^13.2.2",
    "@angular/common": "~13.2.0",
    "@angular/compiler": "~13.2.0",
    "@angular/core": "~13.2.0",
    "@angular/fire": "^7.2.1",
    "@angular/flex-layout": "^13.0.0-beta.38",
    "@angular/forms": "~13.2.0",
    "@angular/material": "^13.2.2",
    "@angular/platform-browser": "~13.2.0",
    "@angular/platform-browser-dynamic": "~13.2.0",
    "@angular/platform-server": "~13.2.0",
    "@angular/pwa": "^13.2.3",
    "@angular/router": "~13.2.0",
    "@angular/service-worker": "~13.2.0",
    "@metamask/onboarding": "^1.0.1",
    "@ngrx/component-store": "~13.0.0",
    "@ngrx/effects": "~13.0.0",
    "@ngrx/entity": "~13.0.0",
    "@ngrx/router-store": "~13.0.0",
    "@ngrx/store": "^13.0.2",
    "@nrwl/angular": "13.8.1",
    "firebase": "^9.4.0",
    "ngrx-store-localstorage": "^13.0.0",
    "rxfire": "^6.0.0",
    "rxjs": "~7.4.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.4"

Answer 1

我在使用firebase时也犯了同样的错误。我的解决办法是延迟加载组件，避免初始化我在app.component.ts文件中创建的服务文件。