我正面临一个奇怪的错误,当我安装引导。错误如下。我尝试卸载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

当前回答

我通过将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版本 笔记

其他回答

感谢itacode,我们只需要做:

该-D仅表示开发环境,您可以为所有环境删除它。

纱:

# yarn add @vue/cli@^4
yarn add -D sass
yarn add -D less
yarn add -D sass-loader@^10
yarn add -D less-loader@^7

或npm:

# npm i @vue/cli@^4
npm i -D sass
npm i -D less
npm i -D sass-loader@^10
npm i -D less-loader@^7

在我的例子中,我努力在CentOS 7上编译node-sass,我通过删除node-sass并添加sass来解决这个问题:

npm uninstall node-sass
npm install sass
npm install sass-loader^8

我通过将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降级到^10.0.0对我来说是有效的,但在一个新的Nuxt.js CLI应用程序上,我还必须安装Sass:

npm i sass

要降级,你可以删除node_modules文件夹并添加,在你的终端上运行:

npm i sass-loader@10 

这将安装最新的10版本的sass-loader。

毕竟,再次安装所有依赖项:

npm i

EDIT

Sass-loader版本大于10需要webpack 5

跑纱拆纱机

然后安装了专门的10版作为yarn添加sass-loader@10。 这完全解决了“vue”中的问题:“~2.6.12”,