babeljs - 我在使用 babel 为生产构建 Angular 应用程序时遇到问题

Question

当前行为
我正在circleci上构建我的角度项目，但它一直失败并显示以下消息:

An unhandled exception occurred: Cannot find module'@babel/compat-data/corejs3-shipped-proposals'

需要堆栈:

/home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js
/home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/preset-env/lib/index.js
/home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/core/lib/config/files/plugins.js
/home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/core/lib/config/files/index.js
/home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/node_modules/@babel/core/lib/index.js
/home/circleci/eleven-app/frontend/node_modules/@angular-devkit/build-angular/src/utils/process-bundle.js
/home/circleci/eleven-app/frontend/node_modules/jest-worker/build/workers/processChild.js

我在用

{
  "@babel/plugin-proposal-numeric-separator": "^7.8.3",
  "core-js": "3.2.1",
  "tslib": "^1.11.1",
  "@babel/compat-data": "~7.8.0",
  "@babel/runtime-corejs3": "^7.9.2",
  "ts-node": "7.0.0",
  "tslint": "5.11.0",
  "typescript": "3.5.3",
}
resolutions: {
  "@babel/preset-env": "^7.8.7"
}

这是 npx nls 为什么@babel/preset-env 输出:

eleven-app-frontend > @angular-devkit/build-angular > @babel/preset-env@7.8.7
eleven-app-frontend > @nrwl/angular > @nrwl/cypress > @cypress/webpack-preprocessor > @babel/preset-env@7.9.5
eleven-app-frontend > @nrwl/cypress > @cypress/webpack-preprocessor > @babel/preset-env@7.9.5

感谢您的阅读。

Answer 1

今天遇到了同样的问题，所以我假设最新版本有一些奇怪的地方。

我的 package.json 有以下内容:

"@babel/compat-data": "~7.9.0"

我删除了 ~ 以强制 7.9.0 而不是允许更新的版本，它对我有用。

可能有一个更新的版本可以使用，但是由于您为他们打开了一个问题 ( https://github.com/babel/babel/issues/11427)，我将等待更多详细信息。