react中运行 npm run dev 报错，提示vite.config.js出现错误 @esbuild/win32-x64

最新推荐文章于 2025-05-23 20:42:37 发布
最新推荐文章于 2025-05-23 20:42:37 发布
阅读量424 收藏
点赞数 1
文章标签： javascript react.js npm esbuild config.js run dev
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hopefullman/article/details/148117735
版权

在React项目中运行npm run dev时，如果遇到vite.config.js报错，提示@esbuild/win32-x64在另一个平台中被使用，通常是由于依赖冲突或缓存问题导致的。解决方法是删除node_modules文件夹，并重新安装依赖。

如下图：

解决办法：

删除node_modules即可
rm -rf node_modules
然后重新安装依赖
npm install
yarn install

JiaLin_Denny
关注
【使用Vite构建React项目，解析js文件报错】The esbuild loader for this file is currently set to “js“ but it must be s
weixin_48610566的博客
10-23 7269
React项目——解决问题
[vite] spawn esbuild.exe ENOENT 报错
jexxx的博客
01-12 873
[vite] spawn esbuild.exe ENOENT 报错。先检查npm的配置，npm config get ignore-scripts，如果还是不行，就重新安装 esbuild：node ./node_modules/esbuild/install.js。去 issue 中搜索关键词 spawn esbuild.exe，果然有对应的 issue。
vite：npm run dev报错：spawn esbuild.exe ENOENT
吹口琴的喵喵~~的博客
07-12 5299
现象 在初始化vite项目的时候，按照官网教程执行到npm run dev的时候，出现报错： 原因 找不到，esbuild/esbuild.exe 这个文件。查了一下，果然没有 解决办法 解决这个问题的原issue 是在https://github.com/vitejs/vite/issues/1361,一个esbuild的bug 那么在当前目录下，执行node ./node_modules/esbuild/install.js，就会生成esbuild/esbuild.exe的文件，然后启动npm ru
react webpack中打包npm run build报错
weixin_53532986的博客
12-14 753
react
geeker-admin 安装失败记和解决方法
skipple11的博客
03-20 1586
按照上面的步骤操作完，再运行npm start，项目就可以正常跑起来了，以后再出现类似Cannot find module问题，都可用上面的步骤解决。把 node_modules 和package_lock.json删除，重新运行npm i 安装完后解决了。geekeradmin 运行 出错了，刚下载的版本，不能跑起来。1).将admin-client_final项目根目录下的node_modules删除。2).用npm cache clean --force命令清除npm缓存。
npm报错：request to https://registry.npm.taobao.org failed, reason certificate has expired
qq_39750019的博客
08-07 641
npm报错：request to https://registry.npm.taobao.org failed, reason certificate has expired
项目中vite1.0升级到vite2.0，vite.config.js 配置报错解决方案整理
热门推荐
清风明月的博客
05-26 1万+
把项目中vite1.0升级到vite2.0，遇到一些报错，下面是整理的一些解决方法。 1、报错：warning: Duplicate key “server” in object literal vite.config.js:67:4: warning: Duplicate key "server" in object literal 67 │ server: { ╵ ~~~~~~ vite.config.js:29:4: note: The original
esbuild中文文档-快速入门（Getting Started）
专注前端、专注互联网、分享原创的博客
09-11 2904
受够了webpack缓慢的打包速度，越来越多的团队开始探索采用更加底层的语言来编写前端的打包工具，以此来突破JavaScript语言的瓶颈。esbuild便是其中非常具有代表性的工具之一，它采用Go语言编写，经过了vite和nest.js的检验，开创了构建工具性能的新时代。
react18函数组件+antd使用指南-使用代码集合以及报错记录汇总（不断更新中）
tangdou369098655的博客
10-09 5380
vite热更新失败解决方案，手把手教你antd4.x和5.x如何自定义主题色，各种报错处理方案集合
vite vue项目 运行时 \esbuild\esbuild.exe 缺失 错误码 errno: -4058, code: ‘ENOENT‘,
weixin_44070450的博客
03-31 6545
vite vue项目运行 npm run dev 报错某个模块启动文件丢失信息 D:\PengYe_code\2\vite-vue3-admin>npm run dev > vite-vue3-admin@1.0.2 dev > vite node:events:504 throw er; // Unhandled 'error' event ^ Error: spawn D:\PengYe_code\2\vite-vue3-admin\node_module
vite.config.ts 眼花缭乱的配置项归类解析
李赛赛的专栏
02-17 1245
💎Vite作为新一代前端构建工具，凭借其极速的启动和热更新能力，迅速成为开发者们的宠儿。然而，面对中琳琅满目的配置项，许多初学者可能会感到无从下手。本文将为你详细解析Vite的配置项，帮助你从入门到精通，轻松驾驭Vite的强大功能。Vite的配置项虽然繁多，但通过分类理解，可以更好地掌握其用途。根据项目需求，灵活配置这些选项，可以显著提升开发体验和构建效率。希望本文能帮助你更好地理解和使用Vite，让你的开发之旅更加顺畅！
npm error notsup Unsupported platform for @esbuild/darwin-arm64@0.20.2: wanted {"os":"darwin","cpu":"arm64"} (current: {"os":"win32","cpu":"x64"})
03-13
好的，我需要解决用户在Windows系统（win32 x64）上安装@esbuild/darwin-arm64时遇到的平台不支持错误。首先，这个错误通常是因为用户的操作系统和架构与包要求的darwin-arm64（即苹果的M系列芯片）不匹配。用户的...
前端构建工具大比拼：Vite、Webpack、Parcel、esbuild 等热门工具使用分析
mmc123125的博客
11-27 3006
Vite 是由尤大（尤雨溪）开发的一个新一代前端构建工具。Vite 的最大特点是利用原生的 ES Module（ESM）特性，在开发环境下实现按需加载和编译，从而显著提高开发速度。Vite 的目标是为开发者提供一个极速构建的体验，尤其在大型项目中，它能够减少构建时间，提升开发效率。Webpack 是目前最流行的前端打包工具，适用于多种资源类型（JavaScript、CSS、图片等）的打包。它通过模块化的方式组织和打包资源，能够帮助我们将开发过程中产生的模块化代码最终打包成浏览器可运行的文件。
Vite（四）后端集成、比较Snowpack、从 v1 迁移、Awesome Vite.js
qq_43456781的博客
10-27 1308
Vite（四）后端集成、比较Snowpack、从 v1 迁移、Awesome Vite.js 文章目录Vite（四）后端集成、比较Snowpack、从 v1 迁移、Awesome Vite.js1. 后端集成2. 比较SnowpackWMR@web/dev-server3. 从 v1 迁移配置项变化别名用法变化Vue Support自定义块转换React 支持HMR API 变化Manifest 格式变化写给插件作者4. Awesome Vite.js#Resources#Official Resource
网上体育商城的设计与实现（有商家端）（SpringBoot+Vue+MySQL）
欧阳小白闯天涯
05-20 803
本文介绍了一个基于互联网的网上体育商城系统的设计与实现。该系统旨在解决传统实体店的地域限制和库存管理问题，为用户提供便捷的购物体验。系统分为前台和后台两部分，前台支持商品浏览、搜索、购买等功能，后台则提供商品管理、订单管理、用户管理等功能。系统采用SpringBoot、Vue.js和MySQL等技术栈，具备良好的扩展性和维护性。文章详细分析了系统的需求、功能模块、技术可行性、市场可行性、经济可行性和法律法规可行性，并提供了功能代码示例。通过该系统，用户可以高效完成购物任务，提升购物体验。
shader 圆形水波纹效果 threejs vue3
m0_65915285的博客
05-22 137
【代码】shader 圆形水波纹效果 threejs vue3。
JavaScript对象继承
m0_63472757的博客
05-23 827
/ 子类通过原型链继承父类为了解决原型包含引用值导致的继承问题,一种叫作"盗用构造函数"的技术在开发社区流行起来(这种技术有时也称作"对象伪装"或"经典继承"). 基本思路很简单: 在子类构造函数中调用父类的构造函数 , 因为毕竟函数就是特定上下文中执行代码的简单对象,所以可以使用apply( )和call( )方法以新创建的对象为上下文执行构造函数,来看下面的例子://父类//子类//继承SuperType。
JavaScript进阶(十二)
最新发布
weixin_52047874的博客
05-23 704
都可以改变函数 内部的this指向.call和apply会调用函数，并且改变函数内部this指向.call和apply传递的参数不一样，call 传递参数aru1，aru2..形式 apply 必须数组形式[arg]bind不会调用函数，可以改变函数内部this指向call调用函数并且可以传递参数apply经常跟数组有关系.比如借助于数学对象实现数组最大值最小值bind不调用函数，但是还想改变this指向.比如改变定时器内部的this指向.
vite学习笔记
zxz86的博客
05-23 557
现代浏览器项目（Chrome >=61, Firefox >=60, Safari >=11）assetsInlineLimit: 4096, // 4KB以下资源内联。框架新项目（Vue3/React18/Svelte）极速启动：冷启动时间比传统工具快 10-100 倍。闪电热更新：HMR 更新速度不受项目规模影响。智能构建：生产环境使用 Rollup 打包。库开发（利用 Rollup 的纯净打包）.scss/.less 直接导入。微前端子应用（快速加载需求）模拟 CommonJS。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值