NullInjectorError:没有AngularFirestore的提供者

前端之家收集整理的这篇文章主要介绍了NullInjectorError:没有AngularFirestore的提供者前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在学习Angular寻找修复错误的帮助:
我正在关注此链接https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md
用angular2和angularfirestore2创建一个有角度的小应用程序

但是当我点击服务器时,我在浏览器控制台中收到以下错误..

  1. StaticInjectorError[AngularFirestore]:
  2. StaticInjectorError[AngularFirestore]:
  3. NullInjectorError: No provider for AngularFirestore!
  4. at _NullInjector.get (core.js:923)
  5. at resolveToken (core.js:1211)
  6. at tryResolveToken (core.js:1153)
  7. at StaticInjector.get (core.js:1024)
  8. at resolveToken (core.js:1211)
  9. at tryResolveToken (core.js:1153)
  10. at StaticInjector.get (core.js:1024)
  11. at resolveNgModuleDep (core.js:10585)
  12. at NgModuleRef_.get (core.js:11806)
  13. at resolveDep (core.js:12302)

我试过谷歌搜索它,但没有找到确切的解决方案没有对我有用:(,

这是我遵循的:
1)已安装的节点版本8.9.1
2)npm install -g @ angular / cli – >版本1.5.2
3)新的’项目名’
4)npm install angularfire2 firebase –save

这是我的app.module.ts文件

  1. import { BrowserModule } from '@angular/platform-browser';
  2. import { NgModule } from '@angular/core';
  3. import { AppComponent } from './app.component';
  4. import { AngularFireModule } from 'angularfire2';
  5. import { environment } from '../environments/environment';
  6.  
  7.  
  8.  
  9.  
  10. @NgModule({
  11. imports: [
  12. BrowserModule,AngularFireModule.initializeApp(environment.firebase)
  13. ],declarations: [ AppComponent ],bootstrap: [ AppComponent ]
  14. })
  15. export class AppModule {}

app.component.ts:

  1. import { Component } from '@angular/core';
  2. import { AngularFirestore } from 'angularfire2/firestore';
  3. import { Observable } from 'rxjs/Observable';
  4.  
  5. @Component({
  6. selector: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css']
  7. })
  8. export class AppComponent {
  9. title = 'app';
  10.  
  11. constructor(db: AngularFirestore) {
  12.  
  13. }
  14. }

environemnt.ts:

  1. export const environment = {
  2. production: false,firebase: {
  3. apiKey: 'xxxxx',authDomain: 'aaaaaaa',databaseURL: 'bbbbbbbbbbbbbbbbbb',projectId: 'aaaaaaaaaaaaaa',storageBucket: 'aaaaaaaaaaaa',messagingSenderId: 'aaaaaaaaaaaaa'
  4. }
  5. };

然后ng服务,我收到上述错误..

您应该在app.module.ts中添加提供程序:[AngularFirestore]。
  1. @NgModule({
  2. imports: [
  3. BrowserModule,providers: [AngularFirestore],bootstrap: [ AppComponent ]
  4. })
  5. export class AppModule {}

猜你在找的Angularjs相关文章