PrimeNG不使用angular2 cli？

Question

尝试使用angular2 cli和PrimeNG但面临错误：

  

404（未找到）

到目前为止我做了什么：

• angular-cli-build.js

• 在 (...) 'primeng/**/*.+(js|js.map)' (...) 文件中添加如下路径： -

   import {Calendar} from 'primeng/primeng';
  

• 并在我的组件中使用如下： -

  {{1}}

但是找不到错误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 我也使用primeNG与角度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)
  ],

Answer 3

• npm install primeng --save
• npm安装primeicons-保存

运行这两个命令

• npm install @ angular / animations --save

还安装动画，然后将模块导入到我们想导入的模块中。