在使用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",