vue使用css-rcurlyexpected等less報錯問題
使用css-rcurlyexpected等less報錯
之前使用webstorm進vue的開發(fā)，今天剛換成VScode發(fā)現(xiàn)一個問題，百度上的解法各不相同，錯誤如下：
錯誤分別是：
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里設置，讓系統(tǒng)默認修改.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"就可以用了。
出現(xiàn)報錯
安裝低版本：
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文件報錯， 如下圖：
解決： 在網(wǎng)上找了半天， 說是
vue-cli已經(jīng)幫我們把less-loader配置好了，放在了util.js里面。
我們還去webpack.base.config.js中去配置以下這段代碼：
去掉這段配置， 重新運行ok。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue-cli項目使用mock數(shù)據(jù)的方法（借助express）
現(xiàn)如今前后端分離開發(fā)越來越普遍，前端人員寫好頁面后可以自己模擬一些數(shù)據(jù)進行代碼測試，這樣就不必等后端接口，提高了我們開發(fā)效率。今天就來分析下前端常用的mock數(shù)據(jù)的方式是如何實現(xiàn)的,需要的朋友可以參考下2019-04-04
vue+elementui實現(xiàn)動態(tài)控制表格列的顯示和隱藏
這篇文章主要介紹了vue+elementui實現(xiàn)動態(tài)控制表格列的顯示和隱藏，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
解決vue項目跳轉(zhuǎn)同樣的頁面不刷新的問題思路詳解
做公司官網(wǎng)項目的時候遇到的場景,頂部導航欄分類商品跳轉(zhuǎn)到分類詳情,然后在分類詳情再次點擊頂部導航欄里另外的分類商品,跳到同樣的頁面數(shù)據(jù)不刷新,下面小編給大家分享解決方式,關于vue跳轉(zhuǎn)不刷新問題感興趣的朋友一起看看吧2023-09-09
淺談vue中get請求解決傳輸數(shù)據(jù)是數(shù)組格式的問題
這篇文章主要介紹了淺談vue中get請求解決傳輸數(shù)據(jù)是數(shù)組格式的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了vue中異步函數(shù)async和await的用法說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家介紹了vue的生命周期，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
Vuex是一個專門為Vue.js應用程序開發(fā)的狀態(tài)管理模式，這篇文章主要介紹了Vuex的基本概念、項目搭建以及入坑點，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了vue中計算屬性和方法的區(qū)別及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
今天小編就為大家分享一篇VUE DOM加載后執(zhí)行自定義事件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vuex(多組件數(shù)據(jù)共享的Vue插件)搭建與使用
Vuex是實現(xiàn)組件全局狀態(tài)(數(shù)據(jù))管理的一種機制,可以方便的實現(xiàn)組件之間數(shù)據(jù)的共享,數(shù)據(jù)緩存等等,下面這篇文章主要給大家介紹了關于Vuex(多組件數(shù)據(jù)共享的Vue插件)搭建與使用的相關資料,需要的朋友可以參考下2022-10-10