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”;
但是這樣主要的原因是頁面語言模式設(shè)置有誤，剛用默認(rèn).vue會(huì)設(shè)置成html模式，所以就會(huì)報(bào)錯(cuò)
點(diǎn)進(jìn)去改成Vue模式就行了，問題完美解決！
還可以在setting.json里設(shè)置，讓系統(tǒng)默認(rèn)修改.vue文件的語言模式為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 3 的 Composition API 帶來了強(qiáng)大的 reactive 函數(shù),它允許你在 Vue 應(yīng)用程序中創(chuàng)建響應(yīng)式數(shù)據(jù),本文我們將深入探討 Vue 3 的 reactive,并提供一些注意事項(xiàng)和解決方案,希望可以幫助打更好地使用它2023-11-11
vue中 數(shù)字相加為字串轉(zhuǎn)化為數(shù)值的例子
今天小編就為大家分享一篇vue中 數(shù)字相加為字串轉(zhuǎn)化為數(shù)值的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue項(xiàng)目中實(shí)現(xiàn)圖片預(yù)覽的公用組件功能
小編接到查看影像的功能需求，根據(jù)需求，多個(gè)組件需要用到查看影像的功能，所以考慮做一個(gè)公用組件，通過組件傳值的方法將查看影像文件的入?yún)鬟^去。下面小編通過實(shí)例代碼給大家分享vue項(xiàng)目中實(shí)現(xiàn)圖片預(yù)覽的公用組件功能，需要的朋友參考下吧2018-10-10
這篇文章主要介紹了Vue3中如何使用fullcalendar日歷插件,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
element中el-container容器與div布局區(qū)分詳解
這篇文章主要介紹了element中el-container容器與div布局區(qū)分詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
在本篇文章里小編給大家整理的是一篇關(guān)于Vue組件中使用防抖和節(jié)流實(shí)例分析內(nèi)容，有需要的朋友們可以學(xué)習(xí)參考下。2021-11-11
路由存在兩者模式,一種是歷史模式history,一種是hash模式,下面這篇文章主要給大家介紹了關(guān)于vite?vue3下配置history模式路由的相關(guān)資料,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了Vue3屬性綁定方法解析，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
vue中vue-cli項(xiàng)目報(bào)錯(cuò)sockjs.js報(bào)錯(cuò)問題
這篇文章主要介紹了vue中vue-cli項(xiàng)目報(bào)錯(cuò)sockjs.js報(bào)錯(cuò)問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2022-12-12
本篇文章主要介紹了詳解VUE2.X過濾器的使用方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01