ReferenceError: IDBIndex is not defined in angular universal app

Question

I was running the application using "ng serve" it was working fine. But after I built the app using "npm run build:ssr", The app got built successfully.

After building and running the angular 7 universal application, I get these errors in the dist folder.

/home/trd/TRD/dpm_home_page/dist/server.js:255862

proxyRequestMethods(Index, '_index', IDBIndex, [
                                     ^
ReferenceError: IDBIndex is not defined
at Object.<anonymous> (/home/trd/TRD/dpm_home_page/dist/server.js:255862:38)(/home/trd/TRD/dpm_home_page/dist/server.js:26:30)
at Object.firebase (

Here is my package.json file:

 {
  "name": "angular-io-example",
  "version": "1.0.0",
  "private": true,
  "description": "Example project from an angular.io guide.",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "test": "ng test",
    "lint": "tslint ./src/**/*.ts -t verbose",
    "e2e": "ng e2e",
    "build:ssr": "npm run build:client-and-server-bundles && npm run webpack:server",
    "serve_dev:ssr": "node dist/server.js",
    "serve:ssr": "forever start dist/server.js",
    "build:client-and-server-bundles": "ng build --prod && ng run angular.io-example:server",
    "webpack:server": "webpack --config webpack.server.config.js --progress --colors"
  },
  "keywords": [],
  "author": "",
  "license": "MIT",
  "dependencies": {
    "@angular/animations": "^6.1.10",
    "@angular/cdk": "^6.4.7",
    "@angular/common": "^6.1.10",
    "@angular/compiler": "^6.1.10",
    "@angular/core": "^6.1.10",
    "@angular/flex-layout": "^6.0.0-beta.18",
    "@angular/forms": "^6.1.10",
    "@angular/http": "6.0.0",
    "@angular/material": "^6.4.7",
    "@angular/platform-browser": "^6.1.10",
    "@angular/platform-browser-dynamic": "^6.1.10",
    "@angular/pwa": "^0.6.8",
    "@angular/router": "^6.1.10",
    "@angular/service-worker": "^6.1.10",
    "@angular/upgrade": "^6.1.10",
    "@firebase/app-types": "^0.3.2",
    "@firebase/auth-types": "^0.3.4",
    "@firebase/database-types": "^0.3.2",
    "@firebase/firestore-types": "^0.7.0",
    "@firebase/messaging-types": "^0.2.3",
    "@firebase/storage-types": "^0.2.3",
    "@nguniversal/express-engine": "^6.1.0",
    "@nguniversal/module-map-ngfactory-loader": "^6.1.0",
    "angular-in-memory-web-api": "^0.6.1",
    "angularfire2": "^5.1.0",
    "cdk": "^0.31.0",
    "core-js": "^2.6.5",
    "firebase": "6.0.2",
    "forever": "^1.0.0",
    "jasmine-reporters": "^2.3.2",
    "ng2-pdf-viewer": "^5.2.4",
    "protractor-html-reporter-2": "^1.0.4",
    "rxjs": "^6.5.2",
    "zone.js": "^0.8.29"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.6.0",
    "@angular/cli": "^6.2.9",
    "@angular/compiler-cli": "^7.2.15",
    "@angular/platform-server": "^6.1.10",
    "@types/jasmine": "^2.8.16",
    "@types/jasminewd2": "^2.0.6",
    "@types/node": "^6.14.6",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "^4.2.1",
    "karma": "~1.7.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~1.4.2",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-phantomjs-launcher": "^1.0.2",
    "lodash": "^4.17.11",
    "phantomjs-prebuilt": "^2.1.7",
    "protractor": "~5.3.0",
    "ts-loader": "^4.5.0",
    "ts-node": "^5.0.1",
    "tslint": "^5.16.0",
    "typescript": "^3.2.4",
    "webpack-cli": "^2.0.14"
  },
  "repository": {}
}

did you resolve this issue

Santosh
– Santosh

2022-02-09 11:27:02 +00:00
Commented Feb 9, 2022 at 11:27 — Santosh
– Santosh, Commented Feb 9, 2022 at 11:27

Gavin Chebor · Accepted Answer · 2019-05-14 19:02:07Z

1

I use "@angular/fire": "^5.2.0-beta.3", instead of "angularfire2": "^5.1.0" I am facing the same issue, after implementing "AngularFirePerformanceModule", I removed it; import { AngularFirePerformanceModule } from '@angular/fire/performance'; and the issue went away.

answered May 14, 2019 at 19:02

Gavin Chebor

2753 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Pardeep Jain Over a year ago

What's your angular version? I am still facing the same issue

Gavin Chebor Over a year ago

using @angular~7.3.7

Gavin Chebor Over a year ago

I did find a solution for it in server.ts or prerender.ts file global['IDBIndex'] = win.IDBIndex' further more for similar errors global['window'] = win global['document'] = win.document global['navigator'] = win.navigator`

Gavin Chebor Over a year ago

one more thing in webpack...config file

alias: {... ['firebase/performance']: path.resolve(__dirname, 'node_modules/firebase/performance/dist/index.cjs.js'),]....}

repeat for functions database etc...

Dimitri Dedusse Odyssound · Accepted Answer · 2019-11-21 10:56:29Z

1

if you still want to use the angulare/fire/performance module, in your app.module.ts, you could do this.

import { isPlatformBrowser } from '@angular/common';
import { AppComponent } from './app.component';

const importModuleArray: any[] = [ // your modules here ]

if (isPlatformBrowser) {
  require('@angular/fire/performance').then(module => {
    importModuleArray.push(module.AngularFirePerformanceModule);
  });}

@NgModule({
  **your declarated modules as AppComponent for example**
  ],
  imports: importModuleArray
  bootstrap: [AppComponent]
})

answered Nov 21, 2019 at 10:56

Dimitri Dedusse Odyssound

314 bronze badges

Comments

Manjurul Khan · Accepted Answer · 2022-03-25 11:35:38Z

1

Try updating the firebase package to the latest version. ( Not AngularFire)

npm i [email protected]

[ First remove firebase from package.json and run npm i . Check your package.lock.json to ensure that it is also deleted from there- if not manually delete].

PS: Always backup your project before changing anything

answered Mar 25, 2022 at 11:35

Manjurul Khan

971 silver badge3 bronze badges

Collectives™ on Stack Overflow

ReferenceError: IDBIndex is not defined in angular universal app

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related