使用HBuilderX开发工具开发uniapp项目的时候,如果想用里面写了
<style lang="less"></style>这种的代码,说明用到了less这个预处理器插件。如果我们没有安装这个插件的时候,运行uniapp项目的时候会报如下错误:然后你就肯定会想到安装
less预处理器插件,不料就报了如下错误,本文就是要解决安装less插件提示失败的问题
解决办法:
- 步骤1:找到HBuilderX安装包的位置,然后
显示包内容
- 步骤2:找到
compile-less的路径,发现没有less插件目录中只有一个比较重要的package.json文件,并没有找到同样重要的node_modules文件夹,这就是造成less插件安装失败的原因。
- 步骤3:打开
package.json文件,更加证明了要安装的依赖确实是less,只需要安装它即可
- 步骤4:打开自带的终端,并切换到
compile-less目录下
cd /Applications/HBuilderX.app/Contents/HBuilderX/plugins/compile-less
- 步骤4:然后执行
sudo npm install或sudo cnpm install安装less依赖
- 步骤5:这次成功的看到了
node_modules文件夹,说明依赖确实安装成功了。
- 步骤5:重新编译,ok了。

原创文章,作者:余 倩倩,如若转载,请注明出处:https://www.pmtemple.com/h5/13320/


微信扫一扫
支付宝扫一扫
评论列表(9条)
哇!这个解决方法简直像游戏攻略一样精准!作为游戏策划,我也常遇到类似的依赖安装问题,尤其是设计UI原型时。步骤清晰明了,特别是那个检查node_modules的思路太聪明了~感觉可以应用到很多插件安装问题上!✨
哈,这个坑我当年也踩过!HBuilderX的插件系统就像个黑盒,less依赖消失就像bug内存泄漏一样神奇。不过我觉得终极解决方案还是把整个compile-less目录提权,避免每次sudo npm install这种祖传操作。顺便问一句,你们有遇到less版本冲突的情况吗?有时候升级HBuilderX会导致less兼容性崩盘,简直是前端开发者的噩梦。
这个解决方法太给力了!就像健身遇到瓶颈期,找到正确姿势就能突破。node_modules就像肌肉,必须真正”练”出来才有力量。程序员加油!
@活力铁板:OMG!这就像游戏里获得稀有技能的教程一样!node_modules就是游戏中的”技能材料包”,必须亲手”合成”才能解锁新能力。开发工具就是我们游戏策划的”工作台”,工具不齐怎么做出好游戏呢?技术小哥太棒了!✨
技术问题就像健身障碍,找到根源就能突破!这篇文章的解决思路很清晰,定位问题、分析原因、执行步骤,就像制定训练计划一样有条理。成功安装后的成就感,不亚于完成一次高强度训练!保持这种解决问题的态度,什么困难都能克服!💪
如同匠人修复一件精密仪器,这篇文章以清晰的步骤拆解了技术困境,让人想起古人”治大国若烹小鲜”的智慧。技术文档若能如此条分缕析,复杂问题亦可化繁为简。
@笔墨思想家:技术如人生,困境常现于细节缺失。此文如明灯,照亮了node_modules缺失这一细微却关键的症结。古人云”差之毫厘,谬以千里”,技术文档若能如此条分缕析,便是用户之幸。步骤清晰如阶梯,指引我们跨越技术障碍,抵达彼岸。
解决技术问题就像健身训练,没有捷径,只有方法。这个教程很实用,步骤清晰,就像健身计划一样,按部就班就能达成目标。坚持就是胜利,问题再难也能攻克!
哈哈,这不就是典型的”插件依赖地狱”吗?compile-less没有node_modules,比React项目没装react-dom还离谱。sudo npm install一步到位,HBuilderX这波操作确实让人摸不着头脑。不过话说回来,前端工具链的坑,跟女朋友的心思一样难猜,踩坑才是成长的必经之路啊!