如何在升级到angular 11后修复未捕获的ReferenceError

Question

我已经更新了一个angular应用程序，从10到11，我得到一个错误

main-es5.js?qnqoqf:1 Uncaught ReferenceError: regeneratorRuntime is not defined
at Module.zUnb (main-es5.js?qnqoqf:1)

此错误只出现在打包的程序中。所有的测试都通过了，它可以使用angular cli运行。

我已经试过npm install regenerator-runtime没有任何变化。

ng list显示该依赖项来自Babel 7.12.5。

│ ├─┬ @babel/runtime@7.12.5
│ │ └── regenerator-runtime@0.13.7 deduped

我试过了

npm install --save regenerator-runtime

和在app.module.ts中导入'regenerator-runtime/runtime';根据Babel错误报告

Answer 1

这是一个polyfill，浏览器兼容性问题。

创建了一个干净的angular 11项目，。Browserslistrc文件被复制

last 1 Chrome version
last 1 Firefox version
last 2 Edge major versions
last 2 Safari major versions
last 2 iOS major versions
Firefox ESR
not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

angular的升级说明确实说了es2015的兼容性正在被删除。https://blog.angular.io/version - 10 -角-现在- 78960 babd41 # c357可用。看起来需要更改配置才能使其运行。