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

使用HBuilderX开发工具开发uniapp项目的时候,如果想用里面写了<style lang="less"></style>这种的代码,说明用到了less这个预处理器插件。如果我们没有安装这个插件的时候,运行uniapp项目的时候会报如下错误:

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

然后你就肯定会想到安装less预处理器插件,不料就报了如下错误,本文就是要解决安装less插件提示失败的问题

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

解决办法:

  • 步骤1:找到HBuilderX安装包的位置,然后显示包内容
    HBuilderX开发工具安装less插件提示失败的解决办法
  • 步骤2:找到compile-less的路径,发现没有less插件目录中只有一个比较重要的package.json文件,并没有找到同样重要的node_modules文件夹,这就是造成less插件安装失败的原因。
    HBuilderX开发工具安装less插件提示失败的解决办法
  • 步骤3:打开package.json文件,更加证明了要安装的依赖确实是less,只需要安装它即可
    HBuilderX开发工具安装less插件提示失败的解决办法
  • 步骤4:打开自带的终端,并切换到compile-less目录下
cd /Applications/HBuilderX.app/Contents/HBuilderX/plugins/compile-less
  • 步骤4:然后执行sudo npm installsudo cnpm install安装less依赖
    HBuilderX开发工具安装less插件提示失败的解决办法
  • 步骤5:这次成功的看到了node_modules文件夹,说明依赖确实安装成功了。
    HBuilderX开发工具安装less插件提示失败的解决办法
  • 步骤5:重新编译,ok了。
    HBuilderX开发工具安装less插件提示失败的解决办法

原创文章,作者:余 倩倩,如若转载,请注明出处:

发表评论

登录后才能评论
分享本页
返回顶部