解決vue-cli中stylus無(wú)法使用的問(wèn)題方法
在寫基于vue-cli的vue項(xiàng)目時(shí),遇到一個(gè)小坑,css用了stylus,但是在編譯時(shí)候總是報(bào)錯(cuò):

來(lái)來(lái)回回折騰了數(shù)十次,終于被我折騰好了。。。解決方式如下:
1、在package.json文件中寫入依賴:
"stylus-loader": "^2.5.0", "stylus": "0.52.4",
然后在命令行運(yùn)行cmpm i 安裝插件。
或者直接運(yùn)行:
$ cnpm i stylus-loader stylus --save
之后,就是享受成功的喜悅的時(shí)候了:
運(yùn)行
$ npm run dev

在此慶祝下!原來(lái)我只是安裝了stylus-loader,卻沒(méi)有安裝stylus,所以問(wèn)題一直沒(méi)有解決,現(xiàn)在終于好了。^_^
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Vue:Bin Code Editor格式化JSON編輯器詳解
文章介紹了BinCodeEditor組件的安裝、注冊(cè)、使用方法以及注意事項(xiàng),組件可以通過(guò)npm或yarn安裝,支持全局或局部注冊(cè),使用時(shí),可以通過(guò)value屬性綁定JavaScript值,或使用v-model,組件事件與方法包括編輯區(qū)顯示問(wèn)題的解決2024-12-12
vue項(xiàng)目 npm run build 打包項(xiàng)目防止瀏覽器緩存的操作方法
這篇文章主要介紹了vue項(xiàng)目 npm run build 打包項(xiàng)目防止瀏覽器緩存的操作方法,本文給大家推薦兩種方法,每種方法通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
Vue 實(shí)現(xiàn)分頁(yè)與輸入框關(guān)鍵字篩選功能
這篇文章主要介紹了Vue 實(shí)現(xiàn)分頁(yè)+輸入框關(guān)鍵字篩選功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-01-01
使用vue3.2實(shí)現(xiàn)多頁(yè)簽導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了如何使用vue3.2 + elementPlus + pinia 實(shí)現(xiàn)多頁(yè)簽導(dǎo)航,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考一下2023-12-12
webpack+vue.js構(gòu)建前端工程化的詳細(xì)教程
這篇文章主要介紹了webpack+vue.js構(gòu)建前端工程化的方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05
vue監(jiān)聽(tīng)滾動(dòng)條頁(yè)面滾動(dòng)動(dòng)畫示例代碼
Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式框架,與其它大型框架不同的是,Vue?被設(shè)計(jì)為可以自底向上逐層應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于vue監(jiān)聽(tīng)滾動(dòng)條頁(yè)面滾動(dòng)動(dòng)畫的相關(guān)資料,需要的朋友可以參考下2023-06-06
Vue表單校驗(yàn)validate和validateField的使用及區(qū)別詳解
validateField?和?validate?都可以用于表單驗(yàn)證,但是它們的作用有所不同,下面這篇文章主要給大家介紹了關(guān)于Vue表單校驗(yàn)validate和validateField的使用及區(qū)別的相關(guān)資料,需要的朋友可以參考下2024-04-04
vue部署到線上為啥會(huì)出現(xiàn)404的原因分析及解決
這篇文章主要介紹了vue部署到線上為啥會(huì)出現(xiàn)404的原因分析及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-04-04

