1.1 安装sass–loader/node–sass(前者依赖于后者)。
1.1.1 记点：sass–loader：把 sass编译成css, node–sass：nodejs环境中将sass转css。
//默认安装最新版本
npm install node-sass --sava-dev
npm install sass-loader --save-dev
//指定安装版本
npm install node-sass@x.xx.x --sava-dev
npm install sass-loader@x.xx.x --save-dev需要注意的：
1.由于sass-loader是依赖与node-sass，建议按照顺序安装。
2.各版本兼容问题，首先需要查看你的node.js 安装的是什么版本(node –v)。
2.1 然后根据安装的node.js 来选择安装的 node-sass 版本
由于我的 node.js 是14.19.1 的版本 ，所以我安装 node-sass 是用的 4.14.1版本。
安装和 node-sass 版本对应的 sass-loader (我安装 node-sass 是用的 4.14.1版本所以 sass- loader 安装的是7.3.1版本)。
2.3 node-sass 与 sass-loader 的对应版本
//以下是部分版本号对应，具体可百度
sass-loader 4.1.1，node-sass 4.3.0
sass-loader 7.0.3，node-sass 4.7.2
sass-loader 7.3.1，node-sass 4.7.2
sass-loader 7.3.1，node-sass 4.14.1二、配置文件
2.1 项目根目录下找到 build 文件夹下的 webpack/base/conf.js文件添加如下代码：
{
test: /.scss$/,
loaders: ['style', 'css', 'sass']
}, 
<style lang="scss" scoped>
...
</style>
4.1：Module build failed: TypeError: this.getResolve is not a function
sass-loader 版本太高。
4.2：Syntax Error: Error: PostCSS received undefined instead of CSS string
node-sass 和 sass-loader 版本与当前的不兼容。
4.3：安装版本有错误的话，一定要卸载之后，再重新安装指定版本。
//卸载命令
npm uninstall node-sass
npm uninstall sass-loader4.3.1 ：命令卸载是最便捷的方法。还有另一种方法就是直接在根目录下的 package.json文件中找到node-sass / sass-loader ,直接修改成想要的版本，重新执行 npm install 命令（不建议）。
原文地址:https://blog.csdn.net/nanfangxinchai/article/details/132042635
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_29214.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
