PrimeNG不使用angular2 cli？-Java 学习之路

尝试使用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的错误 .

我是否应该做任何其他事情来使这个工作？

2 回答

嗨您需要将 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);

希望这可以帮助！！

回复于 2024-04-29T01:06:26+08:00

接受的答案是System.js Im也使用带有角度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)
  ],

回复于 2024-04-29T01:06:26+08:00

PrimeNG不使用angular2 cli？

2 回答

相关问题