0
点赞
收藏
分享

微信扫一扫

scss安装以及Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错

年迈的代码机器 2022-05-01 阅读 38
vuescss

scss安装以及Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错

第一步安装指令:

npm install sass-loader node-sass --save-dev

第二步找到build文件下webpack.base.conf.js中的rules里面添加配置:

在这里插入图片描述

{
    test: /\.sass$/,
    loaders: ['style', 'css', 'sass']
}

第三步在vue组件中引用scss文件:

<style lang="scss" scoped>
@import '../assets/css/the-footer.scss'
</style>

如果按照上面的做法还是报错应该是版本问题:

在这里插入图片描述

Module build failed: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.
    at getRenderFuncFromSassImpl (/Users/sixcandy/Documents/PaiMall/node_modules/sass-loader/dist/index.js:165:13)
    at Object.loader (/Users/sixcandy/Documents/PaiMall/node_modules/sass-loader/dist/index.js:79:18)

报错信息如上图⏫

解决方法:给sass-loader降级

npm install sass-loader@7.3.1 --save-dev

然后

npm run dev

如果还报错继续降级进行尝试:

npm install node-sass@4.14.1 --save-dev

在这里插入图片描述

over!

举报

相关推荐

0 条评论