Hbuilder web发行 遇到报错提示，Try `npm install -D less`

原创 于 2025-11-27 10:13:13 发布 · 197 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #npm #node.js

遇到如上图的报错信息时，

1、运行项目 是否正常    正常说明不是package.json的 问题  不一定需要安装less

2、试着安装less  后再打包看一下，如果  还是报这样的错误，说明不是按照依赖的 问题

 以上试过，都说明项目是没有问题的，依赖都有

那问题就是Hbuilder内置插件的问题

查看插件 是否已经 安装了less、没有  则需要去 插件商场去下载 安装

后面再进行打包，应该就可以正常打包了。。。。

爱吃苦头
关注
less的安装、安装less指定版本
05-07 7019
less的安装、安装less指定版本
less笔记-Less安装与基础使用
热门推荐
永远的北极光
09-10 2万+
一、安装Less npm为Node.js的包管理器，通过npm可简易的安装Less。 Node.js下载地址：https://nodejs.org/en/ 下载的Node.js为msi文件，双击安装，选择安装npm即可。之后通过cmd进入安装目录（node.exe所在目录），使用npm命令即可安装less： npm install -g less 二、less基础使用
运行npm run dev报错未安装less-loader
m0_51165087的博客
03-25 268
运行npm run dev报错未安装less-loader 运行npm命令如下： npm install less less-loader --save-dev 然后若是报错 Syntax Error: TypeError: this.getOptions is not a function 说明 less-loader 版本过高，可运行如下命令，即可运行成功. // 卸载 npm uninstall --save less-loader // 安装 npm install -D less-loader@
less的安装、使用步骤
努力、拼搏、奋进
06-14 1万+
less的安装、使用步骤
关于vue中sass和less依赖的下载
weixin_48058910的博客
09-29 1707
sass需要俩个依赖，如果是默认npm i node-sass -D 和npm i sass-loader -D的命令去下载则会默认下载最新的版本。这样基本都会出现版本不一致的问题而报错，所以下载的时候要指定对应版本// 卸载命令// 安装这里有具体对应的版本号。
less使用教程
weixin_45606890的博客
03-01 555
less使用教程
npm install 安装包时，常用的-S 、-D 、-g 、什么都不加、有什么区别？
2301_76676960的博客
06-02 8370
npm5 开始通过 npm install module_name 什么都不加 和 npm install module_name --save一样，都是局部安装并会把模块自动写入package.json中的dependencies里。--save-dev (写入package.json的devDependencies) 或 --save (写入package.json的dependencies)注意：-D，-S 分别是 --save-dev和 --save的简写，默认就是 -S，可以省略不写。
less的使用
m0_51636525的博客
04-27 2235
less（Leaner Style Sheets的缩写）是一门css扩展语言，并且兼容css  Less增加了很多相比于CSS更好用的特性;  比如定义变量、混入、嵌套、计算等等；  Less最终需要被编译成CSS运行于浏览器中（包括部署到服务器中）； less的开发环境 方式一：下载Node环境，通过npm包管理下载less工具，使用less工具对代码进行编译； 方法二：通过VSCode插件来编译成CSS或者在线编译  https://lesscss.org/less-preview/
node相关（二）： npm =》 npm install本地安装的三种指令 （了解）
m0_37158404的博客
03-10 408
举例： 运行： npm install less 运行： npm install less -S 运行： npm install less -D （1）在一个空目录下： 三者效果等同 （2）当前目录存在package.json这个文件，但未安装less npm install less 效果等同于 npm install less -S （3）当前目录存在package.json这个文件，且已安装less 运行：npm install less =》不会有变化 运行：npm inst
Vue中使用less
mingtian_mt的博客
11-16 128
注：lang=“less”是必须的；scoped表示作用域仅为当前vue文件。在vue文件中，如下使用。
npm install *** -D/-S的区别和作用
weixin_42560424的博客
06-28 1394
当使用命令安装依赖包时，可以使用-D或--save-dev标志将依赖项保存为开发环境的依赖，使用-S或--save标志将依赖项保存为生产环境的依赖。
npm install 安装选项 -d -s -g
x2487452552的博客
12-31 2010
参数长选项安装类型存储位置-d--save-dev开发依赖-g--global全局安装全局目录-s--save生产依赖（默认）如果你不确定要用哪种方式安装，可以根据项目需求选择合适的选项。
搭建vue开发环境的步骤
bolatustyle的博客
10-29 528
一：在搭建vue的开发环境之前，一定一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，网址：http://nodejs.cn； 二：下载好node之后，打开docs管理工具，先看看node安装成功了没有，输入 node -v ，回车，会输出node的版本号， 这样就...
webpack 启航（一）
kzj0916的博客
09-18 249
前言 此系列博客记录了学习webpack所需要的一系列配置，由于配置的信息太多再加上其中的细节也很多，一不小心就报错了。在无数次踩坑后总结出学习webpack时会遇到的一些问题，初学者可以看看，大佬可以回顾下，废话不多说，开始正题，整活。 安装webpack webpack-cli 安装全局webpack 指令 npm install webpack webpack-cli -g 运行全局打包指令 webpack 配置独立项目最好采用局部安装，大家可以看到后面安装的loader都是局部安装 -D 安装局部w
在vite+vue3项目中配置使用css预处理器（less/sass）以及路径别名
jieyucx的博客
06-25 7881
vite已经将这些预处理器的loader内置了，我们不用再像在webpack项目中那样，需要下载和配置一堆相关的loader，我们只需要下载less，sass依赖，就能直接在项目中使用啦如图，下载之后我们在项目中style添加lang属性为less，就可以是用less语法啦运行效果如图：还有一种引入方式，import导入外部文件如图，我们新建一个style文件夹，里面新建一个app.less文件，然后再App.vue中使用import导入即可。
前端开发工具sublime text3的配置
InterestAndFun的博客
09-22 778
前端开发工具sublime text3的配置
vue3搭建移动端项目(7)-引入less
weixin_40220492的博客
08-14 348
vue3搭建移动端项目(7)-引入less
[前端]Preprocessor dependency "less" not found.
程序员老狼专注开发aigc或客服系统应用
09-17 5988
解决 Preprocessor dependency "less" not found. npm install less -D 详细解释 运行： npm install less 运行： npm install less -S 运行： npm install less -D (1)在一个空目录下： 三者效果等同 (2)当前目录存在package.json这个文件，但未安装less npm in...
vue canvas 方法无效_安装 webpack 搞定 Vue 打包
weixin_39567943的博客
11-24 560
作者：Lefex转发链接：https://mp.weixin.qq.com/s/nCjUZgQMzOSHZ2Z05LuvqA前言webpack 是一个通过 node.js 实现的工具，本节内容核心掌握 webpack 的安装和使用，并掌握如何通过 webpack 打包 vue 项目。通过 npm 安装步骤：1、创建一个文件夹 day1，然后在这个文件夹下执行 npm init，目的是生成一个 pa...
[plugin:vite:css] [postcss] Preprocessor dependency "sass" not found. Did you install it? Try `npm install -D sass`.
最新发布
11-08
npm install -D sass ``` 或 ```bash yarn add -D sass ``` 2. 如果项目中有使用全局Sass变量文件，则需要在vite.config.js中配置，如引用[3]提到的配置全局sass变量文件。但如果没有使用全局变量，则安装...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值