PrimeNG 不能与 angular2 cli 一起使用？答案

【问题标题】：PrimeNG not working with angular2 cli?PrimeNG 不能与 angular2 cli 一起使用？
【发布时间】：2016-06-06 11:15:19
【问题描述】：

尝试使用 angular2 cli 和 PrimeNG 但遇到错误：

http://localhost:4200/vendor/primeng/primeng404（未找到）

到目前为止我做了什么：

npm install primeng
在angular-cli-build.js 文件中添加这样的路径：-
```
  (...)
  'primeng/**/*.+(js|js.map)'
  (...)
```

并像这样在我的组件中使用：-

 import {Calendar} from 'primeng/primeng';

但出现错误 PrimeNG not found。

我是否应该做其他事情才能使它正常工作？

【问题讨论】：

标签： angular primeng

【解决方案1】：

您好，您需要将primeng 的引用添加到配置中

    var  map = {
    ...
    'primeng' :            'primeng/primeng'
    ...
 };

  //packages tells the System loader how to load when no filename and/or no extension
  var packages = {
    ...
    'primeng' :            {main : "<path of its js file>", defaultExtension : "js"}
    ...
  };

var config = {
    // DEMO ONLY! REAL CODE SHOULD NOT TRANSPILE IN THE BROWSER
    transpiler: 'ts',
    typescriptOptions: {
      tsconfig: true
    },
    meta: {
      'typescript': {
        "exports": "ts"
      }
    },
    map: map,
    packages: packages
  }

  System.config(config);

})(this);

希望对你有帮助！！

【讨论】：

哇，它工作正常，谢谢，你能解释一下吗？
我遇到了同样的问题，并且是 Angular 2 的新手。我们在这里讨论的是哪个配置，更准确地说是哪个文件？
我说的是systemjs.config.js文件
在哪里可以找到这个文件@HardipsinhJadeja？

【解决方案2】：

接受的答案是针对 System.js 我也在使用 primeNG 和 angular cli 我通过键入将其安装为依赖项

npm install --save primeng

稍后在 appModule.ts 中确保您有以下导入

import {ChartModule}  from 'primeng/primeng';
import {DialogModule}  from 'primeng/primeng';

并在 @NgModule 导入数组中，添加它们以及显示

imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    ChartModule,
    DialogModule,
    Ng2PaginationModule,
    RouterModule.forRoot(appRoutes)
  ],

【讨论】：

【解决方案3】：

npm install primeng --save
npm install primeicons --save

运行这两个命令

npm install @angular/animations --save

同时安装动画，然后在 module.ts 中导入我们想要导入的任何模块

【讨论】：