将 Firebase 与 Ionic 2 一起使用答案

【问题标题】：Use firebase with Ionic 2将 Firebase 与 Ionic 2 一起使用
【发布时间】：2016-09-26 09:03:25
【问题描述】：

我想将 Firebase 与 Ionic 2 一起使用。由于 Ionic2 的最新版本，我被教程卡住了。 github page 表示以下内容：

2016 年 5 月 14 日更新：Firebase AngularFire2 已更新为可与最新版本的 Angular2 一起使用，而 Ionic2 尚未更新，因此只有在您的应用程序中加载特定版本的 AngularFire2 时这才有效

"angular2": "2.0.0-beta.13",
"angularfire2": "^2.0.0-alpha.16",

我想我必须编辑我的 package.json 文件，但我不知道怎么做？编辑：这是我编辑后的 package.json 文件：

    {
  "dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/http": "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
    "es6-shim": "0.35.1",
    "ionic-angular": "2.0.0-beta.13",
    "ionic-native": "1.3.10",
    "ionicons": "3.0.0",
    "reflect-metadata": "0.1.8",
    "rxjs": "5.0.0-beta.6",
    "zone.js": "0.6.12",
    "angular2": "2.0.0-beta.13",                   <--- added this one
    "angularfire2": "^2.0.0-alpha.16"              <--- and this
  },
  "devDependencies": {
    "del": "2.2.0",
    "gulp": "3.9.1",
    "gulp-watch": "4.3.5",
    "ionic-gulp-browserify-typescript": "2.0.0",
    "ionic-gulp-fonts-copy": "^1.0.0",
    "ionic-gulp-html-copy": "^1.0.0",
    "ionic-gulp-sass-build": "^1.0.0",
    "ionic-gulp-scripts-copy": "^2.0.0",
    "ionic-gulp-tslint": "^1.0.0",
    "tslint-ionic-rules": "0.0.4",
    "run-sequence": "1.1.5"
  },
  "name": "devdactic-firebase",
  "description": "devdactic-firebase: An Ionic project",
  "cordovaPlugins": [
    "cordova-plugin-device",
    "cordova-plugin-console",
    "cordova-plugin-whitelist",
    "cordova-plugin-splashscreen",
    "cordova-plugin-statusbar",
    "ionic-plugin-keyboard"
  ],
  "cordovaPlatforms": []
}

当我输入 npm install 时，我收到此错误：

npm 错误！ Windows_NT 10.0.10586 npm 错误！ argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install" npm 错误！节点 v6.5.0 npm 错误！ npm v3.10.3

npm 错误！未找到兼容版本：ionic-angular@2.0.0-beta.13 npm 错误！有效的安装目标： npm 错误！ 2.0.0-beta.9-201606271842等.....

npm 错误！ npm 错误！ npm 错误！如果您需要帮助，可以在以下位置报告此错误： npm 错误！ https://github.com/npm/npm/issues

npm 错误！请在任何支持请求中包含以下文件： npm 错误！ C:\Users\s_a_m\Desktop\angular-tutorial\ionic\devdactic-firebase\npm-debug.log

提前致谢！

【问题讨论】：

标签： ionic-framework firebase

【解决方案1】：

如果你知道你想要的 angularFire 版本，你可以在 package.json 文件中更改它

"angularfire2": "^xxxVersion"

然后确保你可以删除你的 node_modules 文件夹，然后在你的终端中重新运行npm install。

阅读更多关于 npm 包的信息click here

【讨论】：

Ionic-angular 和 angular2 有相同的版本对吗？
试图删除 angular2 线并留下 ionic-angular 但仍然出现相同的错误
是的，也许离子版本不正确？这是 npm 模块 npmjs.com/package/ionic-angular 吗？如果是，这是最新版本v2.0.0-beta.11@Samvanbeastlo

【解决方案2】：

我正在使用 firebase，但使用的是 ionic 2.2.3 版本，请尝试使用它，因为对我来说它完美无缺。

【讨论】：