我正面临一个奇怪的错误,当我安装引导。错误如下。我尝试卸载less-loader并安装less-loader@5.0.0,因为我在网上看到了它,但它什么都没有。我不确定在这一步该做什么。

TypeError:这个。getOptions不是一个函数

 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss 4:14-419 14:3-18:5 15:22-427
 @ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.182:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

当前回答

命令yarn add sass-loader安装版本11,这恰好与Webpack版本4及以下不兼容。当前Vue CLI V4使用Webpack V4。

你必须等到Vue CLI V5(将使用Webpack 5)发布(目前处于Beta)才能使用sass-loader v12。 或者,您可以更新到Webpack 5,但一定要阅读CHANGELOG。

其他回答

我通过将sass-loader降级到10.1.1解决了同样的问题。我使用@vue/cli 4.5.8,包括webpack@4.46.0。

从sass-loader的v11.0.0版本到less-loader的v8.0.0版本

最低支持的webpack版本是5

Sass-loader v11.0.0版本说明 Less-loader v8.0.0版本 笔记

昨天我把sass-loader升级到最新版本后发现了一个问题。

如果使用yarn,你可以降级sass-loader。使用 Yarn add sass-loader@^10.1.1它工作。

这里也一样。降级到以下版本会有所帮助:

"sass": "^1.38.0",
"sass-loader": "^10.2.0",

我已经添加了这些行,我的代码工作正常, 请尝试此操作,并相应地添加或删除您的软件包和版本。

  "dependencies": {
    "core-js": "^3.6.5",
    "node-sass": "^7.0.1",
    "sass-resources-loader": "^2.1.0",
    "vue": "^3.0.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.13",
    "@vue/cli-plugin-eslint": "~4.5.13",
    "@vue/cli-service": "~4.5.13",
    "@vue/compiler-sfc": "^3.0.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.1.3",
    "eslint-plugin-vue": "^7.0.0",
    "node-sass": "^4.14.1",
    "prettier": "^1.19.1",
    "sass-loader": "^10.0.2",
    "vue-template-compiler": "^2.6.11"
  },

如果依赖包的版本与你的包中的版本不同,NPM会将依赖包下载到模块内部的模块中。但有时它会下载最新版本或依赖包(我不知道为什么)到一个模块…

例如,你可以使用sass-loader: 2。X在你的包里。一个模块XXXX,在它的依赖包中也有sass-loader: *(你可以在包中检查它。json)。

NPM将下载sass-loader 2。X为你,和sass-loader: 3。X表示XXXX包—您将得到一个错误。

一个快速的修复方法是从XXXX/node_modules中删除额外的包。 您还可以检查XXXX模块使用的包版本,并尝试在项目中使用相同的版本。

在我的例子中font-awesome-sass-loader@2.0.1与project.json:

  "dependencies": {
    "css-loader": "*",
    "sass-loader": "*",
    "style-loader": "*"
  },

下载的sass-loader: 3.0.0。

而npm根据项目下载了sass-loader: 2.0.0。Json在我的项目:

:“style-loader 2.0.0”

我删除了node_modules/font-awesome-sass-loader/node_modules/,它修复了这个问题。