vue使用css-rcurlyexpected等less報(bào)錯(cuò)問題
使用css-rcurlyexpected等less報(bào)錯(cuò)
之前使用webstorm進(jìn)vue的開發(fā)，今天剛換成VScode發(fā)現(xiàn)一個(gè)問題，百度上的解法各不相同，錯(cuò)誤如下：
錯(cuò)誤分別是：
css-rcurlyexpected
at-rule or selector expected
Do not use empty rulesets
但是樣式還是正常起作用了。
百度了下有幾種說法
1.setting.json里設(shè)置"vetur.validation.style": false,
2. style第一行加@charset “utf-8”;
但是這樣主要的原因是頁(yè)面語(yǔ)言模式設(shè)置有誤，剛用默認(rèn).vue會(huì)設(shè)置成html模式，所以就會(huì)報(bào)錯(cuò)
點(diǎn)進(jìn)去改成Vue模式就行了，問題完美解決！
還可以在setting.json里設(shè)置，讓系統(tǒng)默認(rèn)修改.vue文件的語(yǔ)言模式為vue
"files.associations": {
"*.vue": "vue",
},vue中使用less報(bào)錯(cuò)問題
1、使用less
安裝less依賴
npm i less less-loader -S
修改配置build/webpack.base.conf.js
{
test:/\.less$/,
loader: "style-loader!css-loader!less-loader"
}在使用的時(shí)候，style標(biāo)簽上添加lang="less"就可以用了。
出現(xiàn)報(bào)錯(cuò)
安裝低版本：
npm install less-loader@4.1.0 --save npm install sass-loader@7.0.0 --save
2、main.js使用less報(bào)錯(cuò)
使用less，在vue組件中沒有問題；但是在main.js中引用less文件報(bào)錯(cuò)， 如下圖：
解決： 在網(wǎng)上找了半天， 說是
vue-cli已經(jīng)幫我們把less-loader配置好了，放在了util.js里面。
我們還去webpack.base.config.js中去配置以下這段代碼：
去掉這段配置， 重新運(yùn)行ok。
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue-cli項(xiàng)目使用mock數(shù)據(jù)的方法（借助express）
現(xiàn)如今前后端分離開發(fā)越來(lái)越普遍，前端人員寫好頁(yè)面后可以自己模擬一些數(shù)據(jù)進(jìn)行代碼測(cè)試，這樣就不必等后端接口，提高了我們開發(fā)效率。今天就來(lái)分析下前端常用的mock數(shù)據(jù)的方式是如何實(shí)現(xiàn)的,需要的朋友可以參考下2019-04-04
vue+elementui實(shí)現(xiàn)動(dòng)態(tài)控制表格列的顯示和隱藏
這篇文章主要介紹了vue+elementui實(shí)現(xiàn)動(dòng)態(tài)控制表格列的顯示和隱藏，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
解決vue項(xiàng)目跳轉(zhuǎn)同樣的頁(yè)面不刷新的問題思路詳解
做公司官網(wǎng)項(xiàng)目的時(shí)候遇到的場(chǎng)景,頂部導(dǎo)航欄分類商品跳轉(zhuǎn)到分類詳情,然后在分類詳情再次點(diǎn)擊頂部導(dǎo)航欄里另外的分類商品,跳到同樣的頁(yè)面數(shù)據(jù)不刷新,下面小編給大家分享解決方式,關(guān)于vue跳轉(zhuǎn)不刷新問題感興趣的朋友一起看看吧2023-09-09
淺談vue中g(shù)et請(qǐng)求解決傳輸數(shù)據(jù)是數(shù)組格式的問題
這篇文章主要介紹了淺談vue中g(shù)et請(qǐng)求解決傳輸數(shù)據(jù)是數(shù)組格式的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2020-08-08
這篇文章主要介紹了vue中異步函數(shù)async和await的用法說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家介紹了vue的生命周期，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-01-01
Vuex的基本概念、項(xiàng)目搭建以及入坑點(diǎn)
Vuex是一個(gè)專門為Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式，這篇文章主要介紹了Vuex的基本概念、項(xiàng)目搭建以及入坑點(diǎn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了vue中計(jì)算屬性和方法的區(qū)別及說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
今天小編就為大家分享一篇VUE DOM加載后執(zhí)行自定義事件的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-09-09
Vuex(多組件數(shù)據(jù)共享的Vue插件)搭建與使用
Vuex是實(shí)現(xiàn)組件全局狀態(tài)(數(shù)據(jù))管理的一種機(jī)制,可以方便的實(shí)現(xiàn)組件之間數(shù)據(jù)的共享,數(shù)據(jù)緩存等等,下面這篇文章主要給大家介紹了關(guān)于Vuex(多組件數(shù)據(jù)共享的Vue插件)搭建與使用的相關(guān)資料,需要的朋友可以參考下2022-10-10