HBuilderX开发工具安装less插件提示失败的解决办法

在使用HBuilderX开发uniapp项目时,如果遇到因缺少less预处理器导致的错误,可以按照文中提供的步骤解决:查看HBuilderX安装路径,确认compile-less目录下是否存在node_modules;通过编辑package.json确认需要安装less依赖;在终端中切换到相应目录并使用sudonpminstall命令安装less;成功安装后重新编译项目,问题应得到解决。
摘要由CSDN通过智能技术生成

使用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 installsudo cnpm install安装less依赖

步骤5:这次成功的看到了node_modules文件夹,说明依赖确实安装成功了。

步骤5:重新编译,ok了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值