vue2 项目使用scss报错 TypeError: this.getOptions is not a function

vue yekong

在使用vue2 开发项目时,在安装scss依赖后,运行会报下面的错误

TypeError: this.getOptions is not a function

排查发现是因为sass-loader@11.0.0 不能在 vue@2.6.12 下面工作,我们使用sass-loader 11以下的版本就可以了。

这里我使用的是sass-loader@10.1.1,然后重新运行就可以了。

这里是我在vue2项目环境下使用scss时,安装的依赖版本:

    "sass": "^1.57.1",
    "sass-loader": "^10.1.1",
    "style-loader": "^3.3.1",

vue2中postcss-loader也可能会报this.getOptions的错误 所以这里将vue2的版本 postcss版本对应也加上

vue2 sass版本号对应

"postcss": "^8.4.21",
"postcss-loader": "^7.0.2",
"postcss-pxtorem": "^5.1.1",
"sass": "^1.67.0",
"sass-loader": "^8.0.2",

vue3 sass版本号对应

"postcss": "^8.4.21",
"postcss-loader": "^7.0.2",
"postcss-pxtorem": "^6.0.0",
"sass": "^1.57.1",
"sass-loader": "^13.2.0",
"style-loader": "^3.3.1",
喜欢