プラグイン「proposal-numeric-separator」が見つかりませんでした

修正方法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をダウンロードし、ノードモジュールを削除し、Yarnキャッシュをクリーンアップしようとしました。しかし何もうまくいきませんでした。

糸1.22.4とノード13.11.0を使用していますが、NPM 6.13.7でも試しました。

以下の作品

1. 追加 "resolutions": { "@babel/preset-env": "7.5.5" },

   にpackage.json。

2. 走る npx npm-force-resolutions

3. npm installまたはを実行しますyarn。

4. 実行yarn buildしてプロジェクトをビルドする

このGithubの問題をご覧ください

これを試してください、うまくいきます： npm i @babel/compat-data@7.8.0

10分前と同じように使用したところ、問題なく動作しました。

これに関してgithubで起こっている関連の問題。ここをクリック！

create-react-app の対応する問題から、

package.jsonファイルのreact-scriptsを3.4.1に更新し、node_modulesおよびpackage-lock.json / yarn.lockを削除して再インストールします。

なぜこの問題が発生したのですか？：

これは、が使用する内部パッケージ間の競合の問題です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

反応スクリプトのバージョンを3.0.1から3.4.1に変更しました

リファレンス：https : //github.com/angular/angular-cli/issues/17262

私は2つの解決策を見つけました

a）babel compatをインストールします

"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はこの種の問題を引き起こす可能性があります。jsonパッケージに移動して、次のように変更します。

   build-angular "：" 0.803.17 "

^または〜を追加しないでください。

あなたは私のために働いたこのコマンドを使うことができます。

npm i @babel/compat-data@7.8.0

私は同様の問題に直面し、すべてのバベルの依存関係を最新バージョンに更新することでそれを修正することができました。私はバベルの正確な問題を知りません。ただし、以下の手順でうまくいきました。

ステップ1：すべてのbabel関連の依存関係を特定してpackage.jsonから削除する

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

ステップ2：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依存関係のリストは、プロジェクトによって異なります。

私は、角使用しています＆私のために働いたこれは、単にから@バベル/ compatのデータのバージョンを変更する^7.8.0だけに7.8.0、パッケージlock.jsonはバグがあり、新しいバージョンを持っています。

package.json内：

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

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

そのちょうど4つのステッププロセス。

理由： これは、パッケージがbabelにないために発生します。これは、ng newコマンドを使用して角度付きアプリを作成した場合でも発生します。

解決

1. plugin-proposal-numeric-separatorターミナルで次のコードを使用してインストールします。

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

2. 完了したら、以下に示すようにファイルに移動します。

   node_modules> @babel> preset-env> available-plugins.js

3. 以下のavailable-plugins.jsにexports.default = void 0;、次のコードをコピーして貼り付けます。

   var _pluginProposalNumericSeparator = _interopRequireDefault(require("@babel/plugin-proposal-numeric-separator"));

4. var _defaultオブジェクト宣言内のavailable-plugins.jsに、次のコードをコピーして貼り付けます。

   "proposal-numeric-separator": _pluginProposalNumericSeparator.default,

そしてそれが行われます。

私のangular 8アプリケーションでは、react-scriptsパッケージの直接の依存関係はなく、package.jsonどちらにも含まれていませんでしたが、ビルド時にこのエラーが発生し始めました。それはおそらく他のパッケージによる抑止として使用されました。

githubでこの投稿を読むことで、package.jsonに依存関係として追加し、"react-scripts": "3.4.1"npm installを実行してビルドが正常に機能し始めました。

これは私のために働きました：

• 削除する package-lock.json
• 削除する node_modules
• 走る npm i

ファイルSKIP_PREFLIGHT_CHECK=true.envを追加して、イジェクトせずにビルドを機能させ、以下の手順に従います。

• 削除node_modulesしてpackage-lock.json
• 追加"resolutions": { "@babel/preset-env": "^7.8.7" }しますpackage.json
• 走る npm install npm-force-resolutions --save-dev
• 走る npm install
• 走る npx npm-force-resolutions
• npm installもう一度走る
• 走る npm run build

私はこれを私にちょうど起こさせました。修正するにはyarn build、sudo権限で実行しました。