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-color-颜色选择器插件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
详解vue2.0的Element UI的表格table列时间戳格式化
本篇文章主要介绍了详解vue2.0的Element UI的表格table列时间戳格式化，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-06-06
element tree懒加载:load="loadNode"只触发一次的解决方案
本文主要介绍了element tree懒加载:load="loadNode"只触发一次的解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要介绍了vue2.0+ 从插件开发到npm发布的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
这篇文章主要为大家详细介绍了Vue的生命周期，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
Pinia是一个全新的Vue状态管理库,是Vuex的代替者,尤雨溪强势推荐,下面这篇文章主要给大家介绍了关于Vue3中Pinia的基本使用,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
Vue+ElementUI 封装简易PaginationSelect组件的详细步骤
这篇文章主要介绍了Vue+ElementUI 封装简易PaginationSelect组件,这里简单介绍封装的一个Pagination-Select组件几个步骤，结合示例代码给大家介绍的非常详细，需要的朋友可以参考下2022-08-08
关于Elementui中toggleRowSelection()方法实现分页切换时记录之前选中的状态
这篇文章主要介绍了关于Elementui中toggleRowSelection()方法实现分页切换时记录之前选中的状态,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了Vue项目配置跨域访问和代理proxy设置方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
Vue中keyup.enter和blur事件冲突的问题及解决
这篇文章主要介绍了Vue中keyup.enter和blur事件冲突的问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
最新评论