我刚刚使用最新的angular-cli 工具创建了一个angular2项目.我现在想要使用ng2-ace库来启动和运行ace编辑器.我想使用SystemJS作为模块加载器以干净的方式进行.
我做到了
npm install --save ng2-ace
Run Code Online (Sandbox Code Playgroud)
然后我将以下两行添加angular-cli-builds.js到vendorNpmFiles数组中
'ng2-ace/index.js',
'brace/**/*.js
Run Code Online (Sandbox Code Playgroud)
然后我添加了以下内容 system-config.ts
const map: any = {
'ng2-ace': 'vendor/ng2-ace',
'brace': 'vendor/brace'
};
/** User packages configuration. */
const packages: any = {
'brace': {
format: 'cjs',
defaultExtension: 'js',
main: 'index.js'
},
'ng2-ace': {
format: 'cjs',
defaultExtension: 'js',
main: 'index.js'
}
};
Run Code Online (Sandbox Code Playgroud)
现在我尝试从组件导入指令
import { AceEditorDirective } from 'ng2-ace';
Run Code Online (Sandbox Code Playgroud)
这使编译器ng serve中止以下错误:
The Broccoli Plugin: [BroccoliTypeScriptCompiler] failed with:
Error: Typescript found the following …Run Code Online (Sandbox Code Playgroud)