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

当前回答

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

  "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"
  },

其他回答

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

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

我在css-loader v6中遇到了同样的问题。降级到v5似乎有用:

"css-loader": "^5.1.1"

当使用Webpack版本4时,Vue CLI 4中的默认值。你需要确保你的加载器与它兼容。否则,您将得到关于相互冲突的对等依赖关系的错误。在这种情况下,您可以使用与Webpack 4兼容的旧版本的加载器。

# Sass
npm install -D sass-loader@^10 sass

还是不行?

删除文件夹“node_modules”

npm install

知道更多

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

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

感谢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