Можно ли использовать angularfire2 с Angular 6? - PullRequest
Новая
       14

Можно ли использовать angularfire2 с Angular 6?

0 голосов
/ 28 апреля 2018

Я пытаюсь добавить поддержку Firebase в мое приложение Angular 6, но при добавлении angularfire2 

npm install angularfire2 firebase

Я получаю много предупреждений о том, что должен использовать Angular 5. Например, 

npm WARN angularfire2@5.0.0-rc.6.0 requires a peer of @angular/core@^5.0.0 but none is installed. You must install peer dependencies yourself.

Возможно ли сегодня использовать angularfire2 с Angular 6?

Я получаю эту ошибку при компиляции: 

ERROR in node_modules/angularfire2/angularfire2.d.ts(3,10): error TS2305: Module '"/home/rrr/Projects/ng6test/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.
node_modules/angularfire2/firebase.app.module.d.ts(10,22): error TS2720: Class 'FirebaseApp' incorrectly implements class 'FirebaseApp'. Did you mean to extend 'FirebaseApp' and inherit its members as a subclass?
  Property 'automaticDataCollectionEnabled' is missing in type 'FirebaseApp'.
node_modules/rxjs/Subscription.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Subscription'.

Я попытался установить rxjs-compat, но после этого я получил другое предупреждение 

ERROR in node_modules/angularfire2/firebase.app.module.d.ts(10,22): error TS2720: Class 'FirebaseApp' incorrectly implements class 'FirebaseApp'. Did you mean to extend 'FirebaseApp' and inherit its members as a subclass?
  Property 'automaticDataCollectionEnabled' is missing in type 'FirebaseApp'.

Ответы [ 3 ]

0 голосов
/ 14 мая 2018

попробовать: 

npm install firebase angularfire2@next --save

Исправлено в предварительной версии: 

angularfire2@next
0 голосов
/ 25 мая 2018

package.json 

"dependencies": 
{
"@angular/animations": "^6.0.3",
"@angular/cdk": "^6.1.0",
"@angular/common": "^6.0.3",
"@angular/compiler": "^6.0.3",
"@angular/core": "^6.0.3",
"@angular/forms": "^6.0.3",
"@angular/http": "^6.0.3",
"@angular/material": "^6.1.0",
"@angular/platform-browser": "^6.0.3",
"@angular/platform-browser-dynamic": "^6.0.3",
"@angular/router": "^6.0.3",
"@firebase/app": "^0.3.3",
"angularfire2": "^5.0.0-rc.10",
"core-js": "^2.5.6",
"firebase": "^5.0.3",
"hammerjs": "^2.0.8",
"rxjs": "^6.2.0",
"rxjs-compat": "^6.2.0",
"zone.js": "^0.8.26"
}

app.module.ts 

import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database';
import { AngularFireAuthModule } from 'angularfire2/auth';
import { environment } from '../environments/environment';

@ ngModule 

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        routing,
        FormsModule,
        HttpClientModule,
        AngularFireModule.initializeApp(environment.firebase),
        AngularFireDatabaseModule,
        AngularFireAuthModule

    ]
})

среда 

firebase: {
    apiKey: "apikey",
    authDomain: "authDomain",
    databaseURL: "https://projectId.firebaseio.com",
    projectId: "projectId",
    storageBucket: "projectId.appspot.com",
    messagingSenderId: "messagingSenderId"
  }
0 голосов
/ 07 мая 2018

Я пытался и не могу заставить Angular 6 работать с любой версией AngularFire2 (последняя версия: 5.0.0-rc.7.2-next). Я думаю, нам нужно дождаться следующей основной версии AngularFire2.

Обновление:
временное решение - установить rxjs-compat.
npm install --save rxjs-compat

...