1. ホーム
  2. Web

webpack でモジュールのビルドに失敗しました (from . /node_modules/babel-loader/lib/index.js): エラーは解決されました。

2022-02-13 18:26:02
<パス

webpackでパッケージングすると、以下のエラーが発生します。

モジュールのビルドに失敗しました(. /node_modules/babel-loader/lib/index.js から)。

エラーです。プラグイン/プリセットファイルはオブジェクトのエクスポートを許可されておらず、関数のみエクスポート可能です。

参照されています。

https://www.cnblogs.com/soyxiaobi/p/9554565.html

https://www.jianshu.com/p/7d26443001b9

操作の結果、次のような解答にたどり着きました。

  1. 理由を教えてください。

    このエラーは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
    
    
    
  2. 解決策
    (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"。
    ]

詳しくは、下記をご参照ください。

https://www.cnblogs.com/soyxiaobi/p/9554565.html

<ブロッククオート

https://www.jianshu.com/p/7d26443001b9

<ブロッククオート

npm_babel-loader