mac os使用uniapp官网cli创建项目后，hbuilderx运行失败

最新推荐文章于 2025-04-12 18:14:01 发布

dlwlrma2022

最新推荐文章于 2025-04-12 18:14:01 发布

阅读量1.6k

点赞数 6

文章标签： macos uni-app 前端

本文链接：https://blog.csdn.net/m0_60845208/article/details/142854295

版权

这个故障发生前提是，m芯片的macos，采用arm64架构

npm i安装依赖的时候只安装了

@esbuild/darwin-arm64

@rollup/rollup-darwin-arm64

但是hbx运行时会使用到

@esbuild/darwin-x64

@rollup/rollup-darwin-x64

所以我们需要单独安装一下这两个依赖，x64依赖的版本必须和arm64的版本保持一致

我们先来到node_modules中分别找到@esbuild和@rollup这两个包，并看到文件夹内分别有

@esbuild/darwin-arm64

@rollup/rollup-darwin-arm64

点击展开，打开他们各自的pakeage.json，查看version，将各自的版本复制，

回到我们项目根目录

npm i @esbuild/darwin-x64@版本号  @rollup/rollup-darwin-x64@版本号 -D -f

再次使用hbx运行成功

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dlwlrma2022

关注关注

6
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Uniapp 从入门到精通：基础篇 - 搭建开发环境

CSDN博客专家，系统架构师，有合作、疑惑请私信博主。

02-17

4万+

Uniapp 从入门到精通：基础篇 - 搭建开发环境，在移动应用开发的多元领域中，Uniapp 凭借其独特的跨平台特性脱颖而出，成为众多开发者的首选工具。通过一套代码，Uniapp 能够实现多端发布，覆盖微信小程序、H5、APP 等多个平台，极大地提高了开发效率。本文将带你深入了解 Uniapp 开发环境的搭建过程，无论是零基础的初学者还是有一定经验的开发者，都能从中获取详细且实用的指导。

uni-app入门学习

An_Cool_bree的博客

06-28

1154

什么是 uni-app 1.1uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。官方的体验例子： 1.2uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势。跨端数量更多平台能力不受限性能体验更优秀周边生态丰富学习成本低开发成本低 1.3功能框架使用 uni-...

2 条评论您还未登录，请先登录后发表或查看评论

HBuilder X 创建vue 遇到的坑命令行创建 vue 项目

qq_28134589的博客

09-23

1613

最近使用 HBuilder X 创建vue发现有很大的坑就是各种报错下载的目录也不全总之就是各种坑咱也不会用啊，总之是不太友好于是就想到直接用命令行创建 vue init webpack + 项目名称就 OK

HBuilderX 的 CLI 命令行工具

简单的编程博客

04-14

2261

官方介绍：开发者可以通过 cli 命令行指示HBuilderX进行启动、打包、登录等操作。

HBuilder 误更新导致提示 cli项目运行依赖本地的Nodejs环境，请先安装并配置到系统环境变量后重试

最新发布

weixin_43877368的博客

04-12

255

在 macOS 中，默认的终端应用程序通常使用的是 zsh（从 macOS Catalina 10.15 起，zsh 成为默认的 shell），需要配置bash环境变量。

uniapp 项目，用HBuilder X在小程序端运行项目，发布项目

qq_34794885的博客

06-20

921

查看appid, 项目 -- manifest.json 文件 -- 微信小程序配置 -- APPID小程序后台配置开发者，小程序--管理--成员管理--添加---搜索---下一步---管理员扫码通过。

缺少nodejs环境,请在设置中配置nodejs的安装路径 - HBuilder - uniapp

liu_chenglong的博客

08-05

3779

运行到提示：缺少nodejs环境,请在设置中配置nodejs的安装路径解决办法：找到工具–设置–运行配置-node运行配置

uniapp 安装依赖报错...

yw_12525的博客

03-30

481

uniapp

nuxt命令创建新项目报错

qq_35457469的博客

03-27

526

【代码】nuxt命令创建新项目报错。

HBuilderX mac M1编译报错“@esbuild/darwin-arm64“ package is present but this platform needs the “@esbuild

需要远程指导仿真实验、代码有问题的，请后台私信或者关注公众号

12-26

650

HBuilderX mac M1编译报错"@esbuild/darwin-arm64" package is present but this platform needs the "@esbuild

Mac下通过vue-cli创建的uni-app项目中使用sass

xyf的博客

07-15

2515

一、创建项目 uni-app官网上提供了 HBuilderX可视化界面、vue-cli命令行两种方式创建项目。二、安装sass 通过可视化界面创建的：在HBuilderX - 工具 - 插件安装 -找到scss/sass编译插件栏目，进行安装。通过vue-cli命令行创建的： uni-app官网上已经明确说明了cli版如果想安装less、scss、ts等编译器，需自己手动npm安装。在HBuilderX的插件管理界面安装无效，那个只作用于HBuilderX创建的项目。 OK，那我们开.

uni-app开发环境配置的过程

m0_53690581的博客

03-07

1416

1，安装HbuildX - 官网下载：https://www.dcloud.io/hbuilderx.html 选择APP开发版 - 解压后使用并安装插件 - 安装插件：工具=>插件安装（uni-app(vue2)编译、uni-app(vue3)编译、scss/sass编译） 2，创建第一个uni-app - 启动HbuildX，文件=>新建=>项目=>选择uni-app=>填写项目名，项目路径=>选择项目模板：uni-ui项目=>点击创建..

uni-app的下载和项目创建

m0_72297153的博客

06-20

721

在使用之前先创建自己的文件夹，这里我命名为uni-app会出现Windows版和Mac OS版，其各有两个版本，分别是标准版和APP开发版。uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5 以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝等)、快应用等多个平台。在2015年9月，DCloud推进微信团队开展小程序业务，演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例，以及分享了webview体验优化的经验。

记录uniapp 安装依赖报错

qq_41144591的博客

04-09

2808

记录uniapp 安装依赖报错

uniapp+vue3鸿蒙开发报错

weixin_66071584的博客

10-24

1888

在HBuilder X 4.29中启动uniapp项目到鸿蒙模拟器报错hvigor ERROR: Invalid project path.10:49:01.222 打包失败经确认，删除 unpackage 目录后重新【运行到鸿蒙】，问题消失。又报错[广告] 11:08:45.154 uni一键登录，无需手动输入手机号，比短信验证码更便宜、更简单的用户注册/登录方案，详情11:08:45.165 项目 hmcs 开始编译。

uni-app无法运行的解决方法

lld20的博客

05-17

9095

当我们在运行uni-app无法运行的时候我们就要考虑是不是环境的问题，我们给出如下的解决方案安装插件的正确方式：以下内容全部在终端进行操作 1、注册淘宝镜像 npm config set registry https://registry.npm.taobao.org 2、检测是否是淘宝镜像 npm config get registry 3、全局安装node-sass 以及sass-loader npm node-sass -g --save npm sass-loader -g --save.

uniapp系列-报错或常见问题处理集锦

热门推荐

tangdou369098655的博客

03-04

2万+

这里可以解决：尺寸自动转换,plus is not defined,打包wgt格式,未添加push模块,忽略版本号提示，禁止手指滑动缩放正常页面，获取app的版本号

vscode中uniapp项目无法编译生成dist 也不报错的解决办法

domyself918的专栏

01-04

1285

我寻思这manifest.json我也没改啥啊，但是当我还原回项目自带的manifest.json后，一切又都好了。毫无提示，当下就觉得不对劲，果然在微信开发工具里面看到编译后的代码的部分还是修改之前的代码，然后手动删除了dist文件夹，重新运行了指令，还是不行。在新建项目后，新项目本身是自带一些基础文件的，如package.json，manifest.json等。折腾半天，依旧不行，决定新建个项目，把代码一点点拷到新项目中去。啊，就是这个逗号导致我查了半天的错查不出来，😤。

uniapp 运行npm run dev:h5命令启动报错问题

smileKH的博客

03-01

1万+

uniapp、npm、sh: uni: command not found

hbuilderx为什么创建项目失败

03-12

### HBuilderX 创建项目失败原因分析当使用HBuilderX创建项目时，如果遇到“创建项目总是失败，无法创建文件”的问题，通常可能由以下几个方面引起[^1]： - **权限不足**：操作系统级别的写入权限不够可能导致程序无法正常创建所需的目录结构或文件。 - **磁盘空间不足**：目标路径所在分区剩余存储容量不足以支持新项目的初始化操作。 - **软件冲突**：其他正在运行的应用程序（如杀毒软件或其他IDE）干扰了HBuilderX的操作流程。针对这些潜在因素，可以采取相应措施来排查并解决问题。例如确认当前用户具有足够的读写权限、清理不必要的文件释放更多硬盘空间以及关闭任何可能造成影响的安全防护工具等。对于更具体的错误提示信息，则可以根据实际情况进一步诊断。比如查看日志记录了解详细的报错详情以便定位确切的问题根源[^2]。 ### 解决方案概述为了有效处理此类情况，建议按照以下方法尝试修复： #### 方法一：调整配置文件设置编辑`HBuilderX\Bin\plugins\uniapp-cli\babel.config.js` 文件中的相关参数，确保其符合最新的环境需求和依赖版本要求[^3]。 ```javascript module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [] }; ``` 此步骤有助于排除由于编译器配置不当所引发的一系列兼容性难题。 #### 方法二：更改终端执行方式考虑到部分用户的反馈提到有关于PowerShell相关的报错现象，在这种情况下可以通过修改默认使用的命令行工具来进行规避[^4]。通过选择项目，右键菜单中找到“外部命令(O)”选项卡下的“运行设置(S)”，勾选其中的“外部终端”。这一步骤允许开发者指定一个独立于集成开发环境之外的工作区用于后续的任务调度与脚本执行活动[^5]。完成上述变更之后再次尝试构建过程应该能够显著改善成功率，并且减少因内部机制局限所带来的不确定性风险。