我想初始化我的 Firebase 应用程序并在我的 Angular 应用程序中使用其功能。但是,在我通过
npm install firebase @angular/fire
安装所有软件包后,我没有从 IDE 得到任何建议。它的行为就好像这些包不存在一样,但如果我手动输入导入,我不会收到任何错误。
这是我的
package.json
文件,其中包含所有已安装的依赖项:
{
"name": "angular-quizz-app",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"test": "ng test"
},
"private": true,
"dependencies": {
"@angular/animations": "^18.0.0",
"@angular/common": "^18.0.0",
"@angular/compiler": "^18.0.0",
"@angular/core": "^18.0.0",
"@angular/fire": "^18.0.1",
"@angular/forms": "^18.0.0",
"@angular/platform-browser": "^18.0.0",
"@angular/platform-browser-dynamic": "^18.0.0",
"@angular/router": "^18.0.0",
"@types/angularfire": "^0.8.38",
"firebase": "^10.12.4",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.14.3"
},
"devDependencies": {
"@angular-devkit/build-angular": "^18.0.6",
"@angular/cli": "^18.0.6",
"@angular/compiler-cli": "^18.0.0",
"@types/firebase": "^3.2.1",
"@types/jasmine": "~5.1.0",
"jasmine-core": "~5.1.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.1.0",
"typescript": "~5.4.2"
}
}
这是一个示例,我应该从 CLI 获得建议,但 CLI 没有建议任何内容:
这是我在 Visual Studio Code 中的用户设置:
我尝试过不同的方法。我已经通过 npm install
@types/firebase @types/angular/fire
安装了这些包的类型。然后,我尝试在服务中实现初始化,而不是在应用程序配置的提供程序区域中调用它,但没有任何结果。
在我的例子中,解决方案是更改 tscofing.json 文件中的 moduleResolution 策略。
"moduleResolution": "bundler" to "moduleResolution": "node" // or other