angular - PrimeNG 不适用于 angular2 cli?

尝试使用 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 未找到。

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

最佳答案

您好,您需要添加 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);  

希望对您有所帮助!!

https://stackoverflow.com/questions/37655986/

相关文章:

bash - 防止 sed 创建临时文件

haskell - 如何修改或读取作为函数参数传递的可变向量?

python - Sqlalchemy,递归获取具有关系的子项和祖先

windows - 如何在命令提示符下查看我的 SYSTEM 环境变量?

javascript - 在 React 中停止路由更改的音频?

macos - 通过 PIP 安装 NPM,但得到 "npm: command not found"

php - Eloquent 模型添加没有 "created_at"和 "updated_at"字段

oracle - 为什么我不能使用 SQLcl 通过 jdbc 连接

php - 如何在 php 中使用 in_array 并将数组作为针,但在至少有一个值匹配时返回 t

assembly - GDB - 它如何知道函数调用堆栈?