2

我将 angular-cli 与 Angular 的最新 RC4 版本一起使用。

我按照这里的步骤进行操作。

但我不得不做一些非常小的改变。一方面，我以这种方式安装 AngularFire： npm install git+https://github.com/angular/angularfire2.git --save这样我就有了一个与 RC4 兼容的版本。

其次，在执行打字步骤时，我会这样做： typings install file:node_modules/firebase/firebase.d.ts --save --global && typings install因为它现在似乎是 firebase.d.ts 文件所在的位置。

接下来我这样做：

var map = {
    'firebase': 'vendor/firebase/firebase.js',
    'angularfire2': 'vendor/angularfire2'
};

/** User packages configuration. */

var packages = {
    angularfire2: {
        defaultExtension: 'ts',
        main: 'angularfire2.ts'
    }
};

我在哪里使用 .ts 文件，因为 node_modules/angularfire2 文件夹中没有 angularfire2 的 .js 文件。即使在源文件夹中也只是 .ts 文件。

因此，一旦我进入第 7 步，然后执行以下操作：

import { FIREBASE_PROVIDERS, defaultFirebase } from 'angularfire2';

一切都崩溃了。我不知道为什么，它应该工作？

这是github上的项目

更新：

因此，我尝试将扩展名从 .ts 更改为 .js in system-config.ts。

然后，我尝试了以下方法：

➜ Projects rm -rf angular-analytics 
➜ Projects npm uninstall -g angular-cli
➜ Projects npm cache clean
➜ Projects npm install -g angular-cli@latest
➜ Projects git clone git@github.com:thehashrocket/angular-analytics.git
➜ Projects cd angular-analytics 
➜ angular-analytics git:(master) npm install
➜ angular-analytics git:(master) ng build

然而，结果是这样的（再次）：

Could not start watchman; falling back to NodeWatcher for file system events.
Visit http://ember-cli.com/user-guide/#watchman for more info.
Build failed.
The Broccoli Plugin: [BroccoliTypeScriptCompiler] failed with:
Error: Typescript found the following errors:
  /Users/jasonshultz/Projects/angular-analytics/tmp/broccoli_type_script_compiler-input_base_path-89eNuVcv.tmp/0/src/main.ts (4, 53): Cannot find module 'angularfire2'.
    at BroccoliTypeScriptCompiler._doIncrementalBuild (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:120:19)
    at BroccoliTypeScriptCompiler.build (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:43:10)
    at /Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/broccoli-caching-writer/index.js:152:21
    at lib$rsvp$$internal$$tryCatch (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1036:16)
    at lib$rsvp$$internal$$invokeCallback (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1048:17)
    at lib$rsvp$$internal$$publish (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1019:11)
    at lib$rsvp$asap$$flush (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1198:9)
    at _combinedTickCallback (internal/process/next_tick.js:67:7)
    at process._tickCallback (internal/process/next_tick.js:98:9)

The broccoli plugin was instantiated at: 
    at BroccoliTypeScriptCompiler.Plugin (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/broccoli-plugin/index.js:10:31)
    at BroccoliTypeScriptCompiler.CachingWriter [as constructor] (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/broccoli-caching-writer/index.js:21:10)
    at BroccoliTypeScriptCompiler (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:26:49)
    at Angular2App._getTsTree (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/lib/broccoli/angular2-app.js:331:18)
    at Angular2App._buildTree (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/lib/broccoli/angular2-app.js:124:23)
    at new Angular2App (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/lib/broccoli/angular2-app.js:53:23)
    at module.exports (/Users/jasonshultz/Projects/angular-analytics/angular-cli-build.js:10:10)
    at Class.module.exports.Task.extend.setupBroccoliBuilder (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/angular-cli/lib/models/builder.js:55:19)
    at Class.module.exports.Task.extend.init (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/angular-cli/lib/models/builder.js:89:10)
    at new Class (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/core-object/core-object.js:18:12)
    at Class.module.exports.Task.extend.run (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/angular-cli/lib/tasks/build.js:15:19)
    at /Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/angular-cli/lib/commands/build.js:32:24
    at lib$rsvp$$internal$$tryCatch (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1036:16)
    at lib$rsvp$$internal$$invokeCallback (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1048:17)
    at /Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:331:11
    at lib$rsvp$asap$$flush (/Users/jasonshultz/Projects/angular-analytics/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1198:9)

我只是真的很笨，错过了一步吗？我觉得我是。. . 这将是显而易见的事情，我要么不知道，要么完全被忽视。:(

4

2 回答 2

1

对于 firebase，您的类型应该如下所示：

"dependencies": {
  "es6-promise": "github:typed-typings/npm-es6-promise#fb04188767acfec1defd054fc8024fafa5cd4de7",
  "firebase": "github:typed-typings/npm-firebase"
},

你package.json应该有这个 AngularFire2。它适用于 Angular 2 RC.4：

"angularfire2": "2.0.0-beta.2",

由于对等依赖项不是 Angular 2 RC.2，使用npm install -g npm应该会为您提供 npm 版本3.10.5，该版本不会失败。

由于链接是 404，因此您的 repo 似乎是私有的。所以我无法真正对此进行测试或查看您遇到的确切问题，但希望这会有所帮助。

于 2016-08-01T23:51:09.913 回答
0
  1. 从 node_modules 中删除 firebase 和 angularefire2 文件夹

  2. 在 Package.json 中，将您的 angularfire2 和 firebase 依赖项更改为如下所示：

    包.json

  3. npm 安装

  4. 服务

一个更简单的解决方案是更改 import 语句以导入已弃用的模块，而不是：

从 'angularfire2/database' 导入 { AngularFireDatabase }；

用这个：

从 'angularfire2/database-deprecated' 导入 { AngularFireDatabase }；

这将解决订阅错误，而无需更改 package.json 或删除任何内容。

于 2018-08-28T13:53:24.767 回答