错误 InjectionToken AngularFire

Question

您好，我在运行 ng serve 时遇到此错误。我遵循 angularFire 文档。

https://github.com/angular/angularfire2/blob/master/docs/1-install-and-setup.md

WARNING in ./~/angularfire2/angularfire2.js
3:26-40 "export 'InjectionToken' was not found in '@angular/core'

WARNING in ./~/angularfire2/app/firebase.app.module.js
3:40-54 "export 'InjectionToken' was not found in '@angular/core'

ERROR in /Users/sebastianalcoser/Documents/web/node_modules/angularfire2/app/firebase.app.module.d.ts (1,10): Module '"/Users/sebastianalcoser/Documents/web/node_modules/@angular/core/index"' has no exported member 'InjectionToken'.

ERROR in /Users/sebastianalcoser/Documents/web/node_modules/angularfire2/angularfire2.d.ts (3,10): Module '"/Users/sebastianalcoser/Documents/web/node_modules/@angular/core/index"' has no exported member 'InjectionToken'.

ERROR in Error encountered resolving symbol values statically. Reference to a local (non-exported) symbol 'firebaseConfig'. Consider exporting the symbol (position 14:5 in the original .ts file), resolving symbol AppModule in /Users/sebastianalcoser/Documents/web/src/app/app.module.ts

ERROR in multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
Module not found: Error: Can't resolve 'webpack-dev-server/client?http://localhost:4200' in '/Users/sebastianalcoser/Documents/web'
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

ERROR in multi ./src/styles.css
Module not found: Error: Can't resolve 'css-loader' in '/Users/sebastianalcoser/Documents/web'
 @ multi ./src/styles.css

ERROR in ./src/app/app.component.ts
Module not found: Error: Can't resolve 'css-loader' in '/Users/sebastianalcoser/Documents/web'
 @ ./src/app/app.component.ts 21:21-51
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

Answer 1

要解决此问题，请尝试将您的节点升级到最新版本 8.4，并将您的 angular/cli 升级到最新版本，如下所示：

确保您安装了最新版本的 angular-cli。要验证运行命令 ng -v 并确保您看到 angular-cli: 1.x.x-beta.xx。最低兼容版本是 1.x.x-beta.14。

你可能有错误的 cli 版本

npm uninstall -g angular-cli
npm uninstall -g @angular/cli
npm cache clean

重新安装干净的版本

npm install -g @angular/cli@latest

您需要 Angular CLI、打字和 TypeScript。

npm install -g @angular/cli@latest

或本地安装

npm install @angular/cli --save-dev

确保您已安装类型

npm install -g typings
npm install -g typescript

我从这些this tutorial复制了这个：

Answer 2

需要安装最新版本的angular：

在 Linux/Mac 上： npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-b​​rowser,platform-b​​rowser-dynamic,platform-server,router,animations}@latest typescript@latest --save 在 Windows 上： npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-b​​rowser@latest @angular /platform-b​​rowser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save

你可能需要更新 polyfill： npm install promise-polyfill --save-exact