我在运行 Angular 项目时收到此错误
这可能意味着库 (@angular/fire/firestore)
声明 AngularFirestore 尚未被 ngcc 正确处理,或者
与 Angular Ivy 不兼容。检查是否有较新的版本
由 ngcc 正确处理,或者与 Angular Ivy 不兼容。
检查是否有新版本的库可用,如果有则更新
所以。还可以考虑与库的作者核实,看看是否
库预计与 Ivy 兼容
我刚刚从这里读到这一行https://github.com/angular/angularfire/releases https://github.com/angular/angularfire/releases
AngularFirestoreModule 不再单独导入 firebase/firestore 以保持无副作用,您需要自己导入“firebase/firestore”
这是什么意思我怎样才能成功运行该项目?
下面是我的 package.json,我使用的是最新的 Angular 版本 10,@Angular/fire":version 是 6.0.2
{
"name": "angular10-app",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~10.0.5",
"@angular/cdk": "^9.2.4",
"@angular/common": "~10.0.5",
"@angular/compiler": "~10.0.5",
"@angular/core": "~10.0.5",
"@angular/fire": "^6.0.2",
"@angular/flex-layout": "^9.0.0-beta.31",
"@angular/forms": "~10.0.5",
"@angular/material": "^9.2.4",
"@angular/platform-browser": "~10.0.5",
"@angular/platform-browser-dynamic": "~10.0.5",
"@angular/router": "~10.0.5",
"@kolkov/angular-editor": "^1.1.2",
"@ngx-translate/core": "^12.1.2",
"angular-split": "^3.0.3",
"angularfire": "^2.3.0",
"bootstrap": "^4.5.0",
"firebase": "^7.17.1",
"ngx-bootstrap": "^5.6.1",
"ngx-translate-multi-http-loader": "^3.0.0",
"querybase": "^0.6.0",
"rxjs": "~6.5.4",
"tslib": "^2.0.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/architect": "^0.1000.4",
"@angular-devkit/build-angular": "^0.1000.4",
"@angular/cli": "~10.0.4",
"@angular/compiler-cli": "~10.0.5",
"@angular/language-service": "~10.0.5",
"@types/jasmine": "^3.5.11",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^12.12.53",
"codelyzer": "^6.0.0",
"firebase-tools": "^8.0.0",
"fuzzy": "^0.1.3",
"inquirer": "^6.2.2",
"inquirer-autocomplete-prompt": "^1.0.1",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~5.0.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~3.3.0",
"karma-jasmine-html-reporter": "^1.5.0",
"open": "^7.1.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~3.9.7"
}
}
实际上我最近更新了我的项目,但在之前的版本 9 中,firestore 似乎不起作用..!!
下面是我用来更新项目和使用 firebase 的一系列命令
1. ng update @angular/cli
2. ng update @angular/core
3. ng add @angular/fire //By adding this its written that I will get the latest version
链接https://www.npmjs.com/package/@angular/fire https://www.npmjs.com/package/@angular/fire
终于有一次我做到了npm update
然后删除package-lock.json
然后运行命令npm i
下面是我的应用程序 module.ts
//import { AngularFirestore } from '@angular/fire/firestore';
import {AngularFireDatabaseModule} from '@angular/fire/database';
import {AngularFireModule} from '@angular/fire';
import 'firebase/firestore';
//import { AngularFirestoreModule} from '@angular/fire/firestore';
imports: [
AngularFireModule.initializeApp(environment.firebase),
AngularFireDatabaseModule,
//AngularFirestore,
//AngularFirestoreModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule{
}
如果我评论此导入,项目运行正常,但如果我取消注释此导入,则会出现错误。
EDIT-1
现在我的 package.json 看起来像
{
"name": "angular9-app",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~10.0.5",
"@angular/cdk": "^9.2.4",
"@angular/common": "~10.0.5",
"@angular/compiler": "~10.0.5",
"@angular/core": "~10.0.5",
"@angular/fire": "^6.0.2",
"@angular/flex-layout": "^9.0.0-beta.31",
"@angular/forms": "~10.0.5",
"@angular/material": "^9.2.4",
"@angular/platform-browser": "~10.0.5",
"@angular/platform-browser-dynamic": "~10.0.5",
"@angular/router": "~10.0.5",
"@kolkov/angular-editor": "^1.1.2",
"@ngx-translate/core": "^12.1.2",
"angular-split": "^3.0.3",
"bootstrap": "^4.5.0",
"firebase": "^7.17.1",
"ngx-bootstrap": "^5.6.1",
"ngx-translate-multi-http-loader": "^3.0.0",
"querybase": "^0.6.0",
"rxjs": "~6.5.4",
"tslib": "^2.0.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/architect": "^0.1000.4",
"@angular-devkit/build-angular": "^0.1000.4",
"@angular/cli": "~10.0.4",
"@angular/compiler-cli": "~10.0.5",
"@angular/language-service": "~10.0.5",
"@types/jasmine": "^3.5.11",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^12.12.53",
"codelyzer": "^6.0.0",
"firebase-tools": "^8.0.0",
"fuzzy": "^0.1.3",
"inquirer": "^6.2.2",
"inquirer-autocomplete-prompt": "^1.0.1",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~5.0.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~3.3.0",
"karma-jasmine-html-reporter": "^1.5.0",
"open": "^7.1.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~3.9.7"
}
}
刚刚做了npm uninstall @angular/fire
然后做了npm i @angular/fire
然后做了npm update
deleted package-lock.json
并再次做了npm i