webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js)-Toy模板网

这篇具有很好参考价值的文章主要介绍了webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

webpack打包的时候报错，报错信息如下：

webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js),Django,webpack,javascript,前端

ERROR in ./static/js/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
TypeError: this.getOptions is not a function

报错原因：使用了高版本的babel-loader，导致babel-loader和babel-core版本冲突，我降低之前babel-loader为9版本

解决办法：降低babel-loader版本，执行如下命令

npm install -D babel-loader@7 babel-core babel-preset-env

package.json文件内容如下：文章来源地址https://www.toymoban.com/news/detail-657902.html

{
  "name": "djangomall",
  "version": "0.0.0",
  "description": "djangomall app",
  "main": "index.js",
  "scripts": {
    "watch": "set NODE_OPTIONS=--openssl-legacy-provider && webpack --mode=development --progress --watch",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "jacky",
  "license": "ISC",
  "devDependencies": {
    "@babel/preset-react": "^7.18.6",
    "babel-core": "^4.7.16",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.7.0",
    "cross-env": "^7.0.2",
    "css-loader": "^4.1.1",
    "style-loader": "^1.1.2",
    "webpack": "^4.43.0",
    "webpack-bundle-tracker": "^0.4.3",
    "webpack-cli": "^3.3.11"
  },
  "dependencies": {
    "bootstrap": "^5.2.3",
    "react": "^18.3.0-next-8310854ce-20230331",
    "react-dom": "^18.3.0-next-8310854ce-20230331"
  }
}

到了这里，关于webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！