2016-06-28 59 views
1

我正在使用angular-cli来创建一个新的Angular 2项目。我正在尝试添加'baconjs'npm项目,但没有成功。无法将'baconjs'导入到Angular 2服务中

我这里的操作说明:https://github.com/angular/angular-cli/wiki/3rd-party-libs

故宫和分型安装工作发现。更改angular-cli-build.js文件会导致“vendor/baconjs/dist/Bacon.js”安装在dist /目录中。但是,试图import * as foo from 'baconjs'导致此错误:

Cannot find module 'baconjs'. 

我自己也尝试...from 'baconjs/Bacon'...from 'baconjs/Bacon.js'。我在我的system-config.ts中尝试了许多不同的咒语。这是我当前的版本:

const map: any = { 
    'baconjs': 'vendor/baconjs/dist' 
}; 

/** User packages configuration. */ 
const packages: any = { 
    'baconjs': { main: 'Bacon', defaultExtension: 'js' } 
}; 

我已经尝试了'格式'字段的所有不同值。我尝试过,没有使用defaultExtension。我尝试过很多东西。没有骰子。

神秘的是,System.import('baconjs/Bacon.js')似乎工作得很好,当放在同一个文件的顶部与坏导入。因此,所有systemjs配置都在做某事

嗯,看起来像类似的问题都问到各地。好吧。把它放在记录上....

回答

0

好吧,这是我阅读了很多文档和玩了很多东西后,为我工作。这些都是差不多与维基上的下划线说明相同,但有一个重要的变化。

npm install baconjs --save 
typings install baconjs --save --global 

更改角CLI-构建和系统配置文件所描述的,然后在你的服务文件将输出文件:

/// <reference path="../../../../../../typings/globals/baconjs/index.d.ts" /> 
import * as Bacon from 'baconjs'; 

不同的是进口线,而不是在declare var _;在wiki中。 /// <reference ...行是文件中的第一行也很重要。