angular 8 webpack-bundle-analyzer查找错误的polyfill文件

时间:2019-10-24 09:29:38

标签: javascript node.js angular typescript webpack

无论我做什么,在构建项目后我都会收到以下错误消息:

Error parsing bundle asset "<path-to-project>\polyfills-es5-es2015.e1bdcd70857e70f37509.js": no such file
events.js:174

看到我的项目创建了一个polyfills-es5.e1bdcd70857e70f37509文件和一个polyfills-es2015.25bfed26497f24d6d1d7文件,这是完全正确的。

这是我昨天创建的nx工作区项目中

每次构建后,文件名都会发生明显变化,但它一直在寻找混合的es5-es2015 polyfills文件。

该统计文件被创建为stats-es2015.json,而我们的package.json设置为:"bundle-report": "webpack-bundle-analyzer dist/apps/<project-name>/stats-es2015.json"

在启用或禁用default的情况下,我通过production构建或ivy不断出现错误,并且我尝试删除es5BrowserSupport标志,希望在那里只会是一个polyfills文件,但它仍在寻找es5-es2015文件...

2 个答案:

答案 0 :(得分:2)

尝试使用此命令,看看它是否对您有用

ng build --prod --stats-json && webpack-bundle-analyzer dist/stats.json

我的tsconfig.json

    "module": "esNext",
    "target": "es5",

答案 1 :(得分:0)

我还可以补充一点,我想在一天结束时,我的解决方案是仅关闭所有vsCode窗口。

每当我打开vsCode时,都会出现polyfills-es5-es2015.<whatever>.js": no such file错误,但是当我关闭vsCode并运行完全相同的命令时,它会起作用...

我认为可能与vsCode中的angular ui插件有关,后者具有某种捆绑工具,并且使用与wba相同的端口。因此,它实际上与我没有找到多边形文件无关,但是在使用wba端口时,它仍然会给出该错误...

PS:在检查该端口是否确实在我的机器上使用时,我发现了这一点,它表明该端口已被vsCode使用,因此vsCode中的某些东西正在使用它,并且关闭vsCode为我解决了错误。