vue使用css-rcurlyexpected等less报错问题
更新时间：2022年10月25日 09:08:54 作者：高素质车间工人
这篇文章主要介绍了vue使用css-rcurlyexpected等less报错问题，具有很的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
使用css-rcurlyexpected等less报错
之前使用webstorm进vue的开发，今天刚换成VScode发现一个问题，百度上的解法各不相同，错误如下：
错误分别是：
css-rcurlyexpected
at-rule or selector expected
Do not use empty rulesets
但是样式还是正常起作用了。
百度了下有几种说法
1.setting.json里设置"vetur.validation.style": false,
2. style第一行加@charset “utf-8”;
但是这样主要的原因是页面语言模式设置有误，刚用默认.vue会设置成html模式，所以就会报错
点进去改成Vue模式就行了，问题完美解决！
还可以在setting.json里设置，让系统默认修改.vue文件的语言模式为vue
"files.associations": {
"*.vue": "vue",
},vue中使用less报错问题
1、使用less
安装less依赖
npm i less less-loader -S
修改配置build/webpack.base.conf.js
{
test:/\.less$/,
loader: "style-loader!css-loader!less-loader"
}在使用的时候，style标签上添加lang="less"就可以用了。
出现报错
安装低版本：
npm install less-loader@4.1.0 --save npm install sass-loader@7.0.0 --save
2、main.js使用less报错
使用less，在vue组件中没有问题；但是在main.js中引用less文件报错， 如下图：
解决： 在网上找了半天， 说是
vue-cli已经帮我们把less-loader配置好了，放在了util.js里面。
我们还去webpack.base.config.js中去配置以下这段代码：
去掉这段配置， 重新运行ok。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue-cli项目使用mock数据的方法（借助express）
现如今前后端分离开发越来越普遍，前端人员写好页面后可以自己模拟一些数据进行代码测试，这样就不必等后端接口，提高了我们开发效率。今天就来分析下前端常用的mock数据的方式是如何实现的,需要的朋友可以参考下2019-04-04
这篇文章主要介绍了vue+elementui实现动态控制表格列的显示和隐藏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
做公司官网项目的时候遇到的场景,顶部导航栏分类商品跳转到分类详情,然后在分类详情再次点击顶部导航栏里另外的分类商品,跳到同样的页面数据不刷新,下面小编给大家分享解决方式,关于vue跳转不刷新问题感兴趣的朋友一起看看吧2023-09-09
这篇文章主要介绍了浅谈vue中get请求解决传输数据是数组格式的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了vue中异步函数async和await的用法说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要为大家介绍了vue的生命周期，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
Vuex是一个专门为Vue.js应用程序开发的状态管理模式，这篇文章主要介绍了Vuex的基本概念、项目搭建以及入坑点，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要介绍了vue中计算属性和方法的区别及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
今天小编就为大家分享一篇VUE DOM加载后执行自定义事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享,数据缓存等等,下面这篇文章主要给大家介绍了关于Vuex(多组件数据共享的Vue插件)搭建与使用的相关资料,需要的朋友可以参考下2022-10-10
最新评论