PrimeNG 不适用于 angular2 cli？

Question

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

http://localhost:4200/vendor/primeng/primeng 404 (Not Found)

到目前为止我做了什么：

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

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

 import {Calendar} from 'primeng/primeng';

但出现错误 PrimeNG 未找到。

我是否需要做任何其他事情才能使其正常工作？

Answer 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);

希望对您有所帮助！！

Answer 2

已接受的答案适用于 System.js 我还在 angular cli 中使用 primeNG 我通过键入

将其安装为依赖项

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)
  ],

Answer 3

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

运行这两个命令

npm install @angular/animations --save

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

PrimeNG 不适用于 angular2 cli？

PrimeNG not working with angular2 cli?

angular

primeng