vue中使用sass及解决sass-loader版本过高导致的编译错误问题
更新时间：2022年04月11日 09:31:57 作者：水木Moira
这篇文章主要介绍了vue中使用sass及解决sass-loader版本过高导致的编译错误问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
使用sass及解决sass-loader版本过高导致编译错误
安装依赖包
安装node-sass、sass-loader和style-loader：
npm i node-sass sass-loader style-loader -D
使用
<style scoped lang="scss"> </style>
解决编译错误
操作以上步骤后，运行，发现报错。原因是sass-loader版本过高，node-sass和sass-loader不兼容。解决办法：卸载当前版本的sass-loader，安装指定版本：
npm uninstall sass-loader //卸载 npm install sass-loader@7.3.0 //安装指定版本
安装sass（规避因版本过高报错）
安装的两个命令
npm install sass-loader@7.3.1 --save-dev npm install --save-dev node-sass
配置文件
打开build文件夹下的webpack.base.conf.js
找到module.exports里的module，在rules里添加下面的配置：
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}样式标签更改
<style lang="scss">
然后 npm run dev 重启一下
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了如何修改vue-treeSelect的高度，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了vuex页面刷新导致数据丢失的解决方案，帮助大家更好的使用vue框架，感兴趣的朋友可以了解下2020-12-12
这篇文章主要介绍了Vue左侧底部弹出菜单功能的实现代码,需要的朋友可以参考下2018-09-09
vue里使用create,mounted调用方法的正确姿势说明
这篇文章主要介绍了vue里使用create,mounted调用方法的正确姿势，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue单向数据绑定和双向数据绑定方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
vue项目开发好之后需要部署到服务器上进行外网访问,下面这篇文章主要给大家介绍了关于Vue项目打包并部署nginx服务器的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-07-07
这篇文章主要介绍了vue3+vite应用中添加sass预处理器问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
这篇文章主要为大家介绍了vue3模块创建runtime-dom源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
本文通过一个小例子给大家介绍了vue2.0父子组件间传递数据的方法，需要的朋友参考下吧2018-08-08
这篇文章主要介绍了浅谈Vue响应式(数组变异方法)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
最新评论