নুলআইনজেক্টর এরর: অ্যাংুলার ফায়ারস্টোরের জন্য কোনও সরবরাহকারী নেই

Question

আমি কৌণিকটি শিখছি ত্রুটিটি সমাধানের জন্য সাহায্যের জন্য খুঁজছি: আমি এই লিঙ্কটি অনুসরণ করছি: একটি কৌনিক ছোট তৈরি করতে https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md অ্যাঙ্গুলার 2 এবং অ্যাঙ্গুলারফায়ার স্টোর 2 সহ অ্যাপ্লিকেশন

তবে যখন আমি এনজি সার্ভিস টিপব তখন ব্রাউজার কনসোলে নীচের ত্রুটিটি পাচ্ছি ..

StaticInjectorError[AngularFirestore]: 
  StaticInjectorError[AngularFirestore]: 
    NullInjectorError: No provider for AngularFirestore!
    at _NullInjector.get (core.js:923)
    at resolveToken (core.js:1211)
    at tryResolveToken (core.js:1153)
    at StaticInjector.get (core.js:1024)
    at resolveToken (core.js:1211)
    at tryResolveToken (core.js:1153)
    at StaticInjector.get (core.js:1024)
    at resolveNgModuleDep (core.js:10585)
    at NgModuleRef_.get (core.js:11806)
    at resolveDep (core.js:12302)

আমি এটি গুগল করার চেষ্টা করেছি তবে সঠিক সমাধানটি আমার পক্ষে কিছুই কার্যকর হয়নি :(,

আমি যা অনুসরণ করেছি তা এখানে: 1) ইনস্টল করা নোড সংস্করণ 8.9.1 2) এনপিএম ইনস্টল -g @ কৌনিক / ক্লিপ -> সংস্করণ 1.5.2 3) এনজি নতুন 'প্রকল্প-নাম' 4) এনপিএম ইনস্টল করুন কৌণিক আগুন 2 ফায়ারবেস - সেভ

এখানে আমার app.module.ts ফাইলটি রয়েছে:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AngularFireModule } from 'angularfire2';
import { environment } from '../environments/environment';

@NgModule({
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.firebase)
  ],
  declarations: [ AppComponent ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}

app.component.ts:

import { Component } from '@angular/core';
import { AngularFirestore } from 'angularfire2/firestore';
import { Observable } from 'rxjs/Observable';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
  constructor(db: AngularFirestore) {}
}

environemnt.ts:

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

তারপরে পরিবেশন করুন, এবং আমি উপরের ত্রুটিটি পাচ্ছি ...

Comments

অ্যাঙ্গুলার

— কোড স্পাই

Answer 1

আপনি যোগ করা উচিত providers: [AngularFirestore]মধ্যে app.module.ts।

@NgModule({
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.firebase)
  ],
  declarations: [ AppComponent ],
  providers: [AngularFirestore],
  bootstrap: [ AppComponent ]
})
export class AppModule {}

Comments

AngularFirestore এর জন্য সমস্ত পরামিতিগুলি সমাধান করতে পারে না: ([অবজেক্ট অবজেক্ট],?)। এই ত্রুটিটি আবার ..

— বিকাশকারী

stackoverflow.com/questions/47026199/...

— Sajeetharan

অবশেষে এটি উপরের লিঙ্কটির সাথে কাজ করেছে ধন্যবাদ @ সাজিথরণ

— বিকাশকারী

ডকুমেন্টেশন যেমনটি বলেছিল তেমন importআইংয়ের পরিবর্তে আমাকে কেন এটি করতে হবে AngularFirestoreModule, যা সম্ভবত AngularFirestoreসরবরাহকারী হিসাবে ঘোষণা করা সহ সমস্ত কিছুর যত্ন নেয় ।

আমার জন্য এটি ইতিমধ্যে সেখানে ছিল, কী সমাধান হয়েছিল কেবল CTRL+Cএটিই আবার ionic serveপুনরায় চালু করা হয়েছিল ... (অয়নিক 3 এর পর থেকে কোনও কারণে প্রায়শই ঘটে ...)

— রিকি লেভি

Answer 2

আমার একই সমস্যা ছিল এবং নীচে সমাধান করা হয়েছে।

পুরানো পরিষেবা কোড:

@Injectable()

সার্ভিস কোড আপডেট হয়েছে:

@Injectable({
  providedIn: 'root'
})

Comments

আমাকে নিম্নোক্ত বার্তাটি দেখায়: "(টিএস) 0 টি আর্গুমেন্ট প্রত্যাশিত, তবে পেয়েছে ১।"

— সাইমন

নতুন providedInযুক্তিটি কেবল কৌণিক 6 এবং তত উপরে উপলব্ধ।

— জেমস

Answer 3

খুলুন: ./src/app/app.module.ts
এবং উপরে ফায়ারবেস মডিউলগুলি আমদানি করুন:

'.. / পরিবেশ / / পরিবেশ ' থেকে { পরিবেশ } আমদানি করুন ; 'Angularfire2' থেকে 2 AngularFireModule
import আমদানি করুন ; আমদানি করুন fire AngularFirestoreModule } থেকে 'Angularfire2 / firestore' থেকে;

এবং খুব গুরুত্বপূর্ণ:
এনজিডমুলেলে 'আমদানি' আপডেট করতে মনে রাখবেন:

@NgModule({
  declarations: [
    AppComponent,
    OtherComponent // Add other components here
    ...
  ],
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.firebase, 'your-APP-name-here'),
    AngularFirestoreModule
  ],
  ...
})

একবার চেষ্টা করে দেখুন, এটি এখন কাজ করবে।
বিস্তারিত তথ্যের জন্য কৌণিক আগুন 2 ডকুমেন্টেশন অনুসরণ করুন :
https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md
শুভ কামনা!

Answer 4

আমার কাছে অদ্ভুত বিষয় ছিল আমার সরবরাহকারী ছিল: [], কিন্তু এইচটিএমএল ট্যাগ যা সরবরাহকারী ব্যবহার করে তা হ'ল ত্রুটি ঘটছিল। আমি নীচের লাল বাক্সটি উল্লেখ করছি:

দেখা যাচ্ছে যে একই "কর্মচারী-তালিকা.কম্পোনালটি.এস." ফাইলের নাম সহ আমার বিভিন্ন উপাদানগুলিতে দুটি ক্লাস ছিল এবং তাই প্রকল্পটি জরিমানা সংকলিত হয়েছিল, তবে উল্লেখগুলি সমস্ত গোলমেলে পড়েছিল।

Answer 5

যোগ করা হচ্ছে AngularFirestoreModule.enablePersistence()আমদানি বিভাগে আমার সমস্যা সমাধান হয়েছে:

imports: [
    BrowserModule, AngularFireModule, 
    AngularFireModule.initializeApp(config),
    AngularFirestoreModule.enablePersistence()
]

Answer 6

আমি কেবল আগুনের দোকানগুলি সরিয়ে এই সমস্যাটি সমাধান করেছি :

import { AngularFirestore } from '@angular/fire/firestore/firestore';

আমার घटक.ts ফাইল। শুধুমাত্র ব্যবহার হিসাবে:

import { AngularFirestore } from '@angular/fire/firestore';

এটিও আপনার সমস্যা হতে পারে।

Answer 7

জন্য AngularFire2 সাম্প্রতিক সংস্করণ

AngularFire2 ইনস্টল করুন

$ npm install --save firebase @angular/fire

তারপরে app.module.ts ফাইল আপডেট করুন

    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';

    import { AppComponent } from './app.component';
    import { FormsModule } from '@angular/forms';


    import { AngularFireModule } from '@angular/fire';
    import { AngularFireDatabaseModule } from '@angular/fire/database';
    import { environment } from '../environments/environment';
    import { AngularFirestoreModule } from '@angular/fire/firestore';


    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        FormsModule,

        AngularFireModule.initializeApp(environment.firebase),
        AngularFirestoreModule,
        AngularFireDatabaseModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

ফায়ার স্টোর সিআরইউডি অপারেশন টিউটোরিয়ালটি এখানে দেখুন

Answer 8

আপনার আমদানি থেকে এটি পরিবর্তন করুন:

import { AngularFirestore } from '@angular/fire/firestore/firestore';

এটি:

import { AngularFirestore } from '@angular/fire/firestore';

এটি আমার সমস্যার সমাধান করে।

Answer 9

আমি এটি আমার অ্যাপ্লিকেশনটিতে নিয়েছি mod আমদানির পরে এটি কাজ করা উচিত

providers: [
    { provide: LocationStrategy, useClass: HashLocationStrategy },
    { provide: FirestoreSettingsToken, useValue: {} }
  ],

আমার সংস্করণ:

Angular CLI: 7.2.4
Node: 10.15.0
Angular: 7.2.5
... common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.12.4
@angular-devkit/build-angular     0.12.4
@angular-devkit/build-optimizer   0.12.4
@angular-devkit/build-webpack     0.12.4
@angular-devkit/core              7.2.4
@angular-devkit/schematics        7.2.4
@angular/animations               8.0.0-beta.4+7.sha-3c7ce82
@angular/cdk                      7.3.2-3ae6eb2
@angular/cli                      7.2.4
@angular/fire                     5.1.1
@angular/flex-layout              7.0.0-beta.23
@angular/material                 7.3.2-3ae6eb2
@ngtools/webpack                  7.2.4
@schematics/angular               7.2.4
@schematics/update                0.12.4
rxjs                              6.3.3
typescript                        3.2.4
webpack                           4.28.4

Answer 10

import angularFirebaseStore 

মধ্যে app.module.tsএবং পরিষেবা মত একটি প্রদানকারী হিসাবে সেট

Answer 11

আমার আয়নিক অ্যাপে ফায়ারবেস যুক্ত করার সময় আমার একই সমস্যা ছিল । সমস্যা সমাধানের জন্য আমি এই পদক্ষেপগুলি অনুসরণ করেছি:

npm install @angular/fire firebase --save

আমার অ্যাপ্লিকেশন / app.module.ts এ :

...
import { AngularFireModule } from '@angular/fire';
import { environment } from '../environments/environment';
import { AngularFirestoreModule, SETTINGS } from '@angular/fire/firestore';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule, 
    AppRoutingModule,
    AngularFireModule.initializeApp(environment.firebase),
    AngularFirestoreModule
  ],
  providers: [
    { provide: SETTINGS, useValue: {} }
  ],
  bootstrap: [AppComponent]
})

পূর্বে আমরা SETTINGS এর পরিবর্তে ফায়ার স্টোরসটটিং টোকেন ব্যবহার করি। তবে সেই বাগটি সমাধান হয়ে গেছে, এখন আমরা সেটগুলি ব্যবহার করি। ( লিঙ্ক )

আমার অ্যাপ্লিকেশন / পরিষেবাদি / মাই সার্ভিস.টসে আমি এই হিসাবে আমদানি করেছি:

import { AngularFirestore } from "@angular/fire/firestore";

কোনও কারণে ভিসকোড এটিকে "@ কৌণিক / অগ্নি / ফায়ারস্টোর / ফায়ার স্টোর" হিসাবে আমদানি করছিল; আমি "@ কৌণিক / অগ্নি / ফায়ার স্টোর" এর জন্য পরিবর্তন করার পরে; বিষয়টি সমাধান হয়ে গেল!