模块 /node_modules/angularfire2/index.d.ts 的元数据版本不匹配，发现版本 4，应为 3，解析符号 AppModule

Question

我在我的应用程序 angular4 中整数 angulafire2 和 firebase 但是当我启动服务器时出现这个错误:

我只是添加我在文档中找到的代码...我使用 firebase 版本 4.8.0，对于 angularfire2，我使用 npm install 从文档安装

代码app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { RouterModule, Routes } from '@angular/router';
  import { AngularFireModule } from 'angularfire2';
  import { AngularFireDatabase } from 'angularfire2/database';
  import { AngularFireAuth } from 'angularfire2/auth';
  import { EmployeeService } from './services/employee.service';


  import { AppComponent } from './app.component';
  import { DashboardComponent } from './components/dashboard/dashboard.component';
  import { EmployeeInfoComponent } from './components/employee-info/employee-info.component';
  import { AddEmployeeComponent } from './components/add-employee/add-employee.component';
  import { EditEmployeeComponent } from './components/edit-employee/edit-employee.component';
  import { NavbarComponent } from './components/navbar/navbar.component';
  import { SidebarComponent } from './components/sidebar/sidebar.component';
  import { LoginComponent } from './components/login/login.component';
  import { RegisterComponent } from './components/register/register.component';
  import { SettingsComponent } from './components/settings/settings.component';
  import { PageNotFoundComponent } from './components/page-not-found/page-not-found.component';

  export const FirebaseAppConfig = {
      apiKey: "<api_key>",
      authDomain: "domaine",
      databaseURL: "url database",
      projectId: "id",
      storageBucket: "storage",
      messagingSenderId: "senderid"  
  };


  const appRoutes: Routes=[
    {path:'',component:DashboardComponent},
    {path:'register',component:RegisterComponent},
    {path:'login',component:LoginComponent}
  ]

  @NgModule({
    declarations: [
      AppComponent,
      DashboardComponent,
      EmployeeInfoComponent,
      AddEmployeeComponent,
      EditEmployeeComponent,
      NavbarComponent,
      SidebarComponent,
      LoginComponent,
      RegisterComponent,
      SettingsComponent,
      PageNotFoundComponent
    ],
    imports: [
      BrowserModule,
      AngularFireModule.initializeApp(FirebaseAppConfig),
      RouterModule.forRoot(appRoutes)
    ],
    providers: [
      AngularFireDatabase,
      AngularFireAuth ,
      EmployeeService
    ],
    bootstrap: [AppComponent]
  })
  export class AppModule { }

Answer 1

its hack, think well before do it:

change version 4 to 3, in file node_modules/angularfire2/...metadata.json

Answer 2

这不是最终的解决方案，但它为我解决了。在你的终端尝试：

$ cd where/you/project/node_modules/folder of package

符文这个： grep -rl "\"version\":4" --include=*metadata.json | xargs -i@ sed -i 's/\"version\":4/\"version\":3/g' @

遵循我的要点：https://gist.github.com/caiovncius/23ad167c03741133cffda2cabf7daea6

模块 /node_modules/angularfire2/index.d.ts 的元数据版本不匹配，发现版本 4，应为 3，解析符号 AppModule

Metadata version mismatch for module /node_modules/angularfire2/index.d.ts, found version 4, expected 3, resolving symbol AppModule

firebase

angularfire

angular

angular4-forms