webpack でモジュールのビルドに失敗しました (from . /node_modules/babel-loader/lib/index.js): エラーは解決されました。
2022-02-13 18:26:02
webpackでパッケージングすると、以下のエラーが発生します。
モジュールのビルドに失敗しました(. /node_modules/babel-loader/lib/index.js から)。
エラーです。プラグイン/プリセットファイルはオブジェクトのエクスポートを許可されておらず、関数のみエクスポート可能です。
参照されています。
操作の結果、次のような解答にたどり着きました。
-
理由を教えてください。
このエラーはbabelのバージョンウォッシュアウトによるもので、2つの方法で解決することができます。
(1). babel-loader 8.x | babel 7.x (バージョンアップ)
npm install -D babel-loader @babel/core @babel/preset-env webpack
(2). babel-loader 7.x | babel 6.x (ダウングレード版)
npm install -D babel-loader@7 babel-core babel-preset-env webpack
-
解決策
(1). バージョンアップして、コマンドを実行する。npm install -D babel-loader @babel/core @babel/preset-env @babel/preset-react webpack
該当するコンフィギュレーションは最新のものに更新されます
"@babel/core": "^7.7.4", "@babel/preset-env": "^7.7.4", "@babel/preset-react": "^7.7.4", "babel-loader": "^8.0.6",
babelの設定を変更します。
のプリセットです。[
"@babel/env"、"@babel/react"。
](2). バージョンをダウングレードして、コマンドを実行する
npm install -D babel-loader@7 babel-core babel-preset-env babel-preset-react webpack
バージョン6.0への関連設定ダウングレード
"babel-core": "^6.26.3", "babel-preset-env": "^1.7.0", "babel-preset-react": "^6.24.1", "babel-loader": "^7.1.5",
babelの設定は、;
のプリセットです。[
env"、"react"。
]
詳しくは、下記をご参照ください。
<ブロッククオート <ブロッククオート
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
ハートビート・エフェクトのためのHTML+CSS
-
HTML ホテル フォームによるフィルタリング
-
HTML+cssのボックスモデル例(円、半円など)「border-radius」使いやすい
-
HTMLテーブルのテーブル分割とマージ(colspan, rowspan)
-
ランダム・ネームドロッパーを実装するためのhtmlサンプルコード
-
Html階層型ボックスシャドウ効果サンプルコード
-
QQの一時的なダイアログボックスをポップアップし、友人を追加せずにオンラインで話す効果を達成する方法
-
sublime / vscodeショートカットHTMLコード生成の実装
-
HTMLページを縮小した後にスクロールバーを表示するサンプルコード
-
html のリストボックス、テキストフィールド、ファイルフィールドのコード例