Webpack

与えられたwebpack：モジュールのビルドに失敗しました（***）：エラー： '***からモジュール' babel-preset-env 'が見つかりません



Webpack Given Module Build Failed



  • webpackエラー：Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-env' from '...' - Did you mean '@babel/env'?
    理由：
    babel-coreおよびbabel-preset-envの依存関係は、名前空間@babelを使用して提供される公式のBabel7の新しいバージョンに依存するため、@ babel / coreおよび@babel / preset-envに置き換えられます。
    npm install babel-loader babel-core babel-preset-env --save-dev
    npm install babel-loader @babel/core @babel/preset-env --save-dev
    解決：
    .babelrc webpack.config.jsファイルでは、元のenv置換@babel/preset-env
// .babelrc

{{
「プリセット」：[
[「環境」、
{{
「モジュール」：false
}
]
]
}

// webpack.config.js module: { rules: [ { test: /.js$/, exclude: /(node_modules)/, use: { loader: 'babel-loader', options: { presets: ['env', { modules: false }] } } } ] }
  • バベルオフィシャル：https：//babeljs.io/docs/en/babel-preset-env#browserslist-integration
カテゴリー： フロントエンド：Webpack