小编Jer*_*son的帖子

使用SystemJS将ng2-ace库集成到新创建的angular-cli(angular2)项目中

我刚刚使用最新的angular-cli 工具创建了一个angular2项目.我现在想要使用ng2-ace库来启动和运行ace编辑器.我想使用SystemJS作为模块加载器以干净的方式进行.

我做到了

npm install --save ng2-ace
Run Code Online (Sandbox Code Playgroud)

然后我将以下两行添加angular-cli-builds.jsvendorNpmFiles数组中

'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)

javascript angularjs systemjs angular

5
推荐指数
1
解决办法
1030
查看次数

标签 统计

angular ×1

angularjs ×1

javascript ×1

systemjs ×1