运行npm run dev后能运行但是有错误。

Question

这是涉及版本的代码

"devDependencies": {
        "@babel/core": "^7.17.10",
        "@babel/plugin-proposal-class-properties": "^7.16.7",
        "@babel/plugin-transform-runtime": "^7.17.10",
        "@babel/preset-env": "^7.17.10",
        "@babel/runtime": "^7.17.9",
        "@webpack-cli/serve": "^1.6.1",
        "autoprefixer": "^10.4.7",
        "babel-loader": "^8.2.5",
        "css-loader": "^6.7.1",
        "file-loader": "^6.2.0",
        "html-webpack-plugin": "^4.5.0",
        "less": "^4.1.2",
        "less-loader": "^4.1.0",
        "node-sass": "^4.14.1",
        "postcss-loader": "^6.2.1",
        "sass-loader": "^7.3.1",
        "style-loader": "^3.3.1",
        "url-loader": "^4.1.1",
        "vue-template-compiler": "^2.6.14",
        "webpack": "^4.29.5",
        "webpack-cli": "^3.3.12",
        "webpack-dev-server": "^3.3.1"
    }

然后下面是报错信息


百度了好久都说是less-loader版本高需要降低，但是我各种尝试都不行。
菜鸟新手在线求帮助

Answer 1

看起来是 style-loader 版本不对，导致使用 getOptions 函数找不到，所以报错。

解决方案：

1. 查看本地安装的版本，目测是 3.3.1，去 package-lock.json 或者 pnpm-lock.yml 里确认一下。
2. 去 GitHub 上查看这个版本要求的 webpack 版本
3. 与本地版本对比，如果大版本不一致，多半就是这个问题了
4. 安装对应的 style-loader 版本或者升级 webpack