web-dev-qa-db-ja.com

モジュールbabel-preset-es2015が見つかりません

同じエラーを再度取得しています：Error: Cannot find module 'babel-preset-es2015'。

完全なエラーログ：

ERROR in ./main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-es2015' from 'C:\Users\hp\Desktop\reactApp'
 at Function.module.exports [as sync] (C:\Users\hp\Desktop\reactApp\node_modules\resolve\lib\sync.js:43:15)
 at resolveStandardizedName (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\files\plugins.js:101:31)
 at resolvePreset (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\files\plugins.js:58:10)
 at loadPreset (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\files\plugins.js:77:20)
 at createDescriptor (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:154:9)
 at items.map (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:109:50)
 at Array.map ()
 at createDescriptors (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:109:29)
 at createPresetDescriptors (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:101:10)
 at passPerPreset (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:58:96) @ multi (webpack)-dev-server/client?http://localhost:8080 (webpack)/hot/dev-server.js ./main.js main[2]
node.jsreactjs
18
j sharma

Babelバージョン6のパッケージ名はbabel-preset-es2015であり、Babelバージョン7のパッケージ名は@babel/preset-es2015です。

エラーから、バージョン7を使用しているようです。es20XX-presetsは廃止されているため、 @babel/preset-env に切り替えることをお勧めします。

最初にプリセットをインストールします（npmを使用）：

npm install --save-dev @babel/preset-env

次に、.babelrcにプリセットを追加します

{
    presets: ["@babel/preset-env"]
}
49
Pretseli

エラーログには、モジュールが見つからないことが明記されています。 Cannot find module 'babel-preset-es2015' from 'C:\Users\hp\Desktop\reactApp' at Function.module.exports [as sync]このコマンドを実行するだけでパッケージをインストールできます

npm install --save-dev @babel/preset-es2015

また、.babelrcも確認してください

詳細はこちら-> https://babeljs.io/docs/en/babel-preset-es2015

1
Mr.Bhat

Babel 7は@babel/preset-envを使用するという点で。他のプリセットは廃止予定です。これについてはこちらをご覧ください https://babeljs.io/docs/en/v7-migration#yearly-preset-deprecations-blog-2017-12-27-nearing-the-70-releasehtml- deprecated-yearly-presets-eg-babel-preset-es20xx

「@ babel/preset-env」として事前設定された構成ファイル（Webpackを使用しているかどうかを知りません）で指定する必要があります。 npm install --save-dev @babel/preset-envからインストールします

たとえば、Webpackモジュールバンドラーを使用しています。その場合、次のように指定します。

use: {
      loader: "babel-loader",
      options: {
                presets: ["@babel/preset-env"]
      }
}

ここにドキュメントがあります https://webpack.js.org/loaders/babel-loader/ 急に必要になる場合。

ハッピーコーディング！

0
Yan Pak