1

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

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

到目前为止我做了什么：

  • npm install primeng

  • 在angular-cli-build.js文件中添加这样的路径： -

      (...)
  'primeng/**/*.+(js|js.map)'
  (...)

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

     import {Calendar} from 'primeng/primeng';

但是找不到错误 PrimeNG。

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

4

3 回答 3

5

嗨，您需要将参考添加 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);

希望这可以帮助 ！！

于 2016-06-06T11:23:11.040 回答
3

接受的答案是 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)
  ],
于 2017-01-15T01:44:52.117 回答
1
  • npm install primeng --save
  • npm install primeicons --save

运行这两个命令

  • npm install @angular/animations --save

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

于 2019-06-05T13:25:41.503 回答