未找到模块：错误：Can'；t解决'@角度/普通'；在'/主/用户/节点_模块/angularfire2 问题

我在运行<代码>爱奥尼亚服务时遇到此错误

[ng] WARNING in /home/brian/node_modules/@angular/core/@angular/core.es5.js
[ng] 5659:15-36 Critical dependency: the request of a dependency is an expression
[ng] WARNING in /home/brian/node_modules/@angular/core/@angular/core.es5.js
[ng] 5675:15-102 Critical dependency: the request of a dependency is an expression
[ng] ERROR in /home/brian/node_modules/angularfire2/angularfire2.js
[ng] Module not found: Error: Can't resolve '@angular/common' in '/home/brian/node_modules/angularfire2'
[ng] ERROR in /home/brian/node_modules/rxjs-compat/_esm5/Observable.js
[ng] Module not found: Error: Can't resolve 'rxjs/internal/Observable' in '/home/brian/node_modules/rxjs-compat/_esm5'
[ng] ℹ ｢wdm｣: Failed to compile.

版本 我正在使用此版本：
-Linux Mint 18肉桂64位
-离子4.1.2
-npm 6.4.1
-节点v8.12.0

这是我的package.json文件：

{
  "name": "bin",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "description": "",
  "dependencies": {
    "@angular/core": "^4.4.6",
    "angular": "^1.7.0",
    "angularfire2": "^5.0.0-rc.9",
    "firebase": "^5.0.3",
    "npm": "^6.4.1",
    "rxjs": "^5.5.12",
    "rxjs-compat": "^6.3.2",
    "typescript": "^2.4.0"
  }
}

如何重现这个问题 这是一个非常简单的代码，我刚刚创建了一个新的ionic项目

ionic start fleksales侧菜单

然后在app.module.ts下，我将代码编辑为如下：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, RouteReuseStrategy, Routes } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AngularFireModule } from 'angularfire2';
import { FIREBASE_CREDENTIALS } from './firebase.credentials';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule,
        // initialize AngularFire
    AngularFireModule.initializeApp(FIREBASE_CREDENTIALS)
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

---

你知道如何解决这个问题吗？任何帮助都将不胜感激。谢谢大家!

显然，

“angularfire2”：“^5.0.0-rc.9”

仅适用于AngularFire5。你可能需要升级到Angular 5+阅读这里的评论：Hi@SiddAjmera谢谢你的回复。我通过运行以下命令升级了angularfire2：

npm install firebase@angular/fire--save

。现在是

“@angular/fire”：“^5.0.2”

和

“firebase”：“^5.5.1”

。但是错误仍然完全相同，我还将导入{AngularFireModule}从'angularfire2'更改为

import到
从'@angular/fire'导入{AngularFireModule}在app.module.ts下。但错误仍然存在。请仔细阅读我的评论。就像我提到的，问题不在于AngularFire2的版本。这是Angular的版本。您使用的是Angular 4.4.6，但它需要Angular 5+，感谢@SiddAjmera的澄清。很抱歉问这么简单的问题，但是如何将Angular 4.4.6升级到Angular 5+？我已经运行了
npm安装-g@angular/cli
，它返回
+@angular/cli@6.2.3
。但是当我打开package.json时，它仍然是
“@angular/core”：“^4.4.6”