Vue-cli里面引用stylus遇到的問題總結


1.stylus的調用

   在vue-cli中用到stylus樣式處理器的時候一定要引用兩個對應的報stylus  stylus-loader

   命令:cnpm install stylus stylus-loader --save-dev    //裝在附屬的配置欄里

 

2.用stylus時,縮進引發的問題,這里的縮進樣式一定要規范,否則就會報這種縮進錯誤

 

3. 針對報錯信息  expected "indent", got "eos"  的解決方法(這里只介紹使用 VS Code)的解決方案

    這句話意思就是說空格符跟縮進沖突了,需要統一規范 

 在網上搜了很多資料關於這個的報錯原因,最后終於了解到具體原因以及通過實踐得出了具體解決方法

 設置 =》用戶設置 

  1)系統默認的  editor.insertSpaces:true  不改,因為這句話的意思就是把縮進(tab)轉化為空格,而我們的目的就是這樣

       2) 將系統默認的  editor.detectIndentation:true 改為 false,

              原因:讀取文件的時候系統默認默認用tab鍵,並且這里的tab鍵跟空格沒有半毛錢關系,而我們現在要做的就是把tab鍵轉換為空格,可以把editor.renderwhiteSpace設置成all,方便查看變化

       3) 為了不影響其他文件格式,這里默認的只針對vue文件做了處理

     修改后如圖:

     

 

       

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM