加载 SCSS 到 Vue3 时出现错误 TypeError: this.getOptions 不是一个函数。

Question

加载 SCSS 到 Vue3 时出现错误 TypeError: this.getOptions 不是一个函数。

javascriptsassvuejs3sass-loaderwebpack-5

3

我尝试将scss样式文件加载到Vue3项目中。

我使用：

"@vue/cli": "^4.5.13",
"@vue/cli-service": "^4.5.13",
"@vue/compiler-sfc": "^3.0.11",
"sass": "^1.32.13",
"sass-loader": "^11.1.1",
"vue": "^3.0.11",
"vue-resource": "^1.3.4",
"webpack": "5.0.0"

我仍然有销售问题：

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
      at Object.loader (/home/dev/src/my-app/node_modules/sass-loader/dist/index.js:25:24)

一切都是最新的，我已经删除了我的node_modules并重新安装了它们。我还删除了node-sass，所以我只有sass包。

- Deotyma

我也尝试将sass-loader降级到verson 10，但它在这个项目中无法工作。 - Deotyma

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ramon Veloso · Accepted Answer

今天我也犯了同样的错误。

 "dependencies": {
    "core-js": "^3.12.1",
    "vue": "^3.0.11",
    "vuetify": "^2.5.1"
  },
  "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.11",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.8.0",
    "eslint-plugin-vue": "^7.9.0",
    "sass": "^1.34.1",
    "sass-loader": "^10.1.1",
    "vue-loader-v16": "^16.0.0-beta.5.4"
  },

将" sass-loader": "^12.0.0 "更改为" sass-loader": "^10.1.1 "

运行：

rm -rf node_modules
rm package-lock.json
npm install

对我来说，它解决了问题。