PrimeNG + Webpack

Question

我只想分享我的经验，在这个问题上，在使用PrimeNG和Webpack时，会出现许多类似下面的警告。

WARNING in ../MyProjectName/~/primeng/components/orderlist/orderlist.js
Cannot find source file '../../src/app/components/orderlist/orderlist.ts': Error: C               an't resolve '../../src/app/components/orderlist/orderlist.ts' in '...MyProjectName\node_modules\primeng\components\orderlist'
 @ ../MyProjectName/~/primeng/primeng.js 50:9-52

...

这是primeng组件的所有源映射中硬编码路由的一个问题。

Answer 1

解决方案是将node_modules\primeng排除在webpack.config.js中：

    "enforce": "pre",
    "test": /\.js$/,
    "loader": "source-map-loader",
    "exclude": [
                /\/node_modules\//,
                path.join(process.cwd(), "node_modules\\primeng"),
     ]