使用HBuilderX開發(fā)工具開發(fā)uniapp項目的時候蜻展，如果想用里面寫了
<style lang="less"></style>這種的代碼，說明用到了less這個預(yù)處理器插件召边。如果我們沒有安裝這個插件的時候铺呵，運行uniapp項目的時候會報如下錯誤：
image.png
然后你就肯定會想到安裝less預(yù)處理器插件，不料就報了如下錯誤隧熙，本文就是要解決安裝less插件提示失敗的問題
image.png
解決辦法：
- 步驟1：找到HBuilderX安裝包的位置，然后
顯示包內(nèi)容
image.png - 步驟2：找到
compile-less的路徑,發(fā)現(xiàn)沒有l(wèi)ess插件目錄中只有一個比較重要的package.json文件幻林，并沒有找到同樣重要的node_modules文件夾贞盯，這就是造成less插件安裝失敗的原因。
image.png - 步驟3：打開
package.json文件沪饺，更加證明了要安裝的依賴確實是less躏敢，只需要安裝它即可
image.png - 步驟4:打開自帶的終端，并切換到
compile-less目錄下
cd /Applications/HBuilderX.app/Contents/HBuilderX/plugins/compile-less
- 步驟4:然后執(zhí)行
sudo npm install或sudo cnpm install安裝less依賴
image.png - 步驟5:這次成功的看到了
node_modules文件夾整葡，說明依賴確實安裝成功了件余。
image.png -
步驟5:重新編譯，ok了遭居。
image.png
