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 3 的 Composition API 带来了强大的 reactive 函数,它允许你在 Vue 应用程序中创建响应式数据,本文我们将深入探讨 Vue 3 的 reactive,并提供一些注意事项和解决方案,希望可以帮助打更好地使用它2023-11-11
今天小编就为大家分享一篇vue中 数字相加为字串转化为数值的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
小编接到查看影像的功能需求，根据需求，多个组件需要用到查看影像的功能，所以考虑做一个公用组件，通过组件传值的方法将查看影像文件的入参传过去。下面小编通过实例代码给大家分享vue项目中实现图片预览的公用组件功能，需要的朋友参考下吧2018-10-10
这篇文章主要介绍了Vue3中如何使用fullcalendar日历插件,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
element中el-container容器与div布局区分详解
这篇文章主要介绍了element中el-container容器与div布局区分详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
在本篇文章里小编给大家整理的是一篇关于Vue组件中使用防抖和节流实例分析内容，有需要的朋友们可以学习参考下。2021-11-11
路由存在两者模式,一种是历史模式history,一种是hash模式,下面这篇文章主要给大家介绍了关于vite vue3下配置history模式路由的相关资料,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了Vue3属性绑定方法解析，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-09-09
这篇文章主要介绍了vue中vue-cli项目报错sockjs.js报错问题，具有很好的参考价值，希望对大家有所帮助。2022-12-12
本篇文章主要介绍了详解VUE2.X过滤器的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
最新评论