找不到插件“提案数字分隔符”

Question

如何修复Could not find plugin "proposal-numeric-separator"，当我尝试构建我的 React 应用程序时出现此错误，我还没有弹出应用程序：

./src/index.js
Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0")
    at Array.map (<anonymous>)
    at Generator.next (<anonymous>)
    at Generator.next (<anonymous>)


error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

我尝试下载 Babel 和依赖 Proposal Numeric Separator，删除 Node Modules，清理 Yarn 缓存；但没有任何效果。

我使用的是 Yarn 1.22.4 和 Node 13.11.0，但我也尝试过 NPM 6.13.7。

Answer 1

以下步骤起作用：

1. 将以下行添加到package.json：

"resolutions": { 
  "@babel/preset-env": "7.5.5" 
},

2. 运行以下命令：

$ npx npm-force-resolutions

3. 安装依赖：

$ npm install
# or 
$ yarn

4. 构建你的项目：

$ yarn build

看看这个 Github 问题

Answer 2

试试这个，它有效： npm i @babel/compat-data@7.8.0

我刚刚使用它就像 10 分钟前，它工作正常。

相关问题在 github 上进行。点击这里！

Answer 3

从create-react-app 中的相应问题，

在 package.json 文件中将 react-scripts 更新为 3.4.1 并删除 node_modules 以及 package-lock.json/yarn.lock 并重新安装。

Answer 4

为什么会出现这个问题？：

这是babel.

添加一个新插件来@babel/compat-data破坏旧@babel/preset-env版本。这是因为preset-env迭代compat-data的插件，如果插件未在 preset-env 的available-plugins.js文件中定义，则抛出。

这是解决问题的合并：https : //github.com/babel/babel/pull/11201/files/a88a00750c61ff89f1622d408d67108719f21ecd

解决方案：

• 删除package-lock.json或yarn.lock
• 删除node_modules文件夹
• 在package.jon我已经将这些包的版本号调整为：

    ...
    "devDependencies": {
        "@babel/compat-data": "^7.8.0",
        "@babel/preset-env": "^7.8.0",
        "babel-loader": "^8.1.0",
        ...
    },
    ...
    "resolutions": {
        "@babel/preset-env": "^7.8.0"
    }

• 跑 npm install
• 跑 npm run build

Answer 5

参考：https : //github.com/angular/angular-cli/issues/17262

我找到了两个解决方案

a) 安装 babel 兼容

"devDependencies": {
    "@babel/compat-data": "7.8.0",
} 

b) 安装 plugin-proposal-numeric-separator

npm install --save-dev @babel/plugin-proposal-numeric-separator

仅安装此版本 7.8.0

2. Angular CLI 会产生这种问题。转到 package json 并将其更改为

   构建角度”：“0.803.17”

请不要添加 ^ 或 ~。

Answer 6

我遇到了类似的问题，我能够通过将所有 babel 依赖项更新到最新版本来修复它。我不知道 babel 的确切问题。但是，下面提到的步骤对我有用。

第 1 步：从 package.json 中识别并删除所有与 babel 相关的依赖项

npm remove @babel/runtime @babel/core @babel/plugin-proposal-class-properties @babel/plugin-transform-modules-commonjs @babel/plugin-transform-runtime @babel/preset-env @babel/preset-react babel-eslint babel-jest babel-loader

第二步：重新安装babel依赖

npm install --save @babel/runtime

npm install --save-dev @babel/core @babel/plugin-proposal-class-properties @babel/plugin-transform-modules-commonjs @babel/plugin-transform-runtime @babel/preset-env @babel/preset-react babel-eslint babel-jest babel-loader

PS：上面的 babel 依赖列表会因您的项目而异。

Answer 7

我刚刚将 react-script 版本从 3.0.1 更改为 3.4.1

Answer 8

您可以使用此命令，它对我有用。

npm i @babel/compat-data@7.8.0

Answer 9

我正在使用 angular 并且这对我有用，只需将 @babel/compat-data 的版本从^7.8.0更改为 just 7.8.0，package-lock.json 的更新版本有错误。

在 package.json 中：

  "devDependencies": {
    "@babel/compat-data": "7.8.0",
}

Answer 10

在 package.json 中

  "dependencies": {
    "@babel/compat-data": "7.8.0",
    "@babel/plugin-proposal-numeric-separator": "^7.8.3",
    "babel-loader": "^8.1.0",
  ....
  "resolutions": {
     "@babel/preset-env": "^7.8.7"
  }

它对我有用。你可以阅读更多

https://github.com/angular/angular-cli/issues/17262#issuecomment-603396857