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

使用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,只需要安装它即可

扫描二维码关注公众号,回复: 17012279 查看本文章

  • 步骤4:打开自带的终端,并切换到compile-less目录下
cd /Applications/HBuilderX.app/Contents/HBuilderX/plugins/compile-less

步骤4:然后执行sudo npm installsudo cnpm install安装less依赖

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

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

猜你喜欢

转载自blog.csdn.net/qq_42351675/article/details/130483247