vite创建vue3项目报错（throw new Error(`esbuild: Failed to install correctly）

最新推荐文章于 2024-06-16 13:57:16 发布
最新推荐文章于 2024-06-16 13:57:16 发布
阅读量2.3k 收藏 1
点赞数 3
分类专栏： work 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45339151/article/details/116269575
版权

vite创建vue3项目报错（throw new Error(`esbuild: Failed to install correctly）

  • Make sure you don’t have “ignore-scripts” set to true. You can check this with

    “npm config get ignore-scripts”. If that returns true you can reset it back to

    false using “npm config set ignore-scripts false” and then reinstall esbuild.

    If you’re using npm v7, make sure your package-lock.json file contains either

    “lockfileVersion”: 1 or the code “hasInstallScript”: true. If it doesn’t have

    either of those, then it is likely the case that a known bug in npm v7 has

    corrupted your package-lock.json file. Regenerating your package-lock.json file

    should fix this issue.

  • 首先按照指引npm config get ignore-scripts 看返回是否是false ，如果是true运行npm config set ignore-scripts false，然后执行node node_modules/esbuild/install.js ，再运行npm run dev就行了

weixin_45339151
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vite安装vue项目报错（Error: esbuild: Failed to install correctly）
starsion
03-19 1万+
最近尝试使用vite，初始化vue项目之后，运行 npm run dev 报错，问题分析以及解决方案记录一下。 报错内容如下： 报错内容 throw new Error(`esbuild: Failed to install correctly ^ Error: esbuild: Failed to install correctly Make sure you don't have "ignore-scripts" set to true. You can check this with "
vite创建的vue3项目启动报错-throw new Error(`esbuild: Failed to install correctly
WhoWrongsWhere的专栏
08-07 1626
1.报错信息 throw new Error(`esbuild: Failed to install correctly ^ Error: esbuild: Failed to install correctly Make sure you don't have "ignore-scripts" set to true. You can check this with "npm config get ignore-scripts". If that returns true you can reset
记录一次基于Vite搭建Vue3项目的过程
胖蔡叨叨叨
06-16 376
Vue2已经于停止维护了，2024年算是vue3的崭新的一年，我们的项目也基本从vue2逐渐向着Vue3过渡，Vue3相较于vue2有更好的开发体验，和ts的自然融合使得项目的结构、功能拆分变得更加的清晰；组合式声明有种MVC向着MVP、MVVM转变的错觉；而Vite的使用使得我们的编译速度产生质的飞跃。总体来说，Vue3是一个不错的选择，今天这边文章主要就是来记录一下如何创建一个Vue3的项目。
vite 安装 vue 项目报错 Error: esbuild: Failed to install correctly
SJ17696710501的博客
08-31 2859
初始化 vite 项目后进入项目内，使用 npm 安装依赖：npm install 之后运行项目时有可能会报错 Error: esbuild: Failed to install correctly 解决方法，使用 cnpm 安装依赖 npm i -g cnpm --registry=https://registry.npm.taobao.org cnpm install 或者使用 node 手动安装 esbuild node .\node_modules\esbuild\install.js .
vue3+ts build 错误：You installed esbuild for another platform than the one you‘re currently using.
1234Wu--Blog
10-02 8429
Error: You installed esbuild for another platform than the one you’re currently using. This won’t work because esbuild is written with native code and needs to install a platform-specific binary executable.Specifically the “@esbuild/darwin-x64” package is
vue create报错： throw new Error( ^ Error: Vue packages version mismatch
qq_52126119的博客
06-04 2110
创建vue-cli3.0项目,vue create 项目名称,遇到如下错误： vue packages version mismatch的报错 throw new Error( ^ Error: Vue packages version mismatch: - vue@2.6.9 (/Users/jyx/node_modules/vue/dist/vue.runtime.common.js) - vue-template-compiler@2.6.10 (/Users/jyx/.nvm/ve.....
通过脚手架Vite创建Vue 3项目（主页分栏：Web实验练习）
01-20
在这个实验中，我们将学习如何使用 Vite 脚手架创建一个 Vue 3 项目，特别是构建一个具有主页分栏的 Web 应用。 首先，确保你已经安装了 Node.js 和 npm（Node 包管理器）。Vite 和 Vue 3 的安装通常依赖于这两个...
vite-vue3-template:Vite + Vue3项目模板
03-18
Vite + Vue3 项目模板是现代前端开发中的一个高效构建工具，它结合了Vue 3框架的最新特性与Vite的快速开发优势。Vite是由Vue.js的作者尤雨溪开发的一款新型构建工具，旨在解决传统Webpack在开发阶段的性能瓶颈。Vue ...
Vue 基于vite构建vue3项目 以及基础语法演示
最新发布
07-17
Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础...
vue3+vite创建项目-（傻瓜式教程）
01-19
Vue3 + Vite 创建项目教程 Vue.js 是一个流行的前端框架，它的最新版本Vue3引入了许多新特性，如Composition API、Suspense、Teleport等，提供了更好的性能和更灵活的开发体验。Vite是由Vue.js作者尤雨溪开发的一款...
vite+vue3使用模块化批量发布Mockjs接口
03-29
在现代前端开发中，使用Vite和Vue3的组合已经成为了一种高效且灵活的选择。"vite+vue3使用模块化批量发布Mockjs接口"这个主题涵盖了如何在Vite搭建的环境中，结合Vue3和Mockjs来实现接口的模块化和批量处理。这将...
esbuild-plugin-vue:esbuild的基本.vue支持
03-25
:yellow_heart: 您可以通过来帮助作者成为一名全职开源维护者。 esbuild-plugin-vue 对esbuild的基本.vue支持。 安装 npm i esbuild-plugin-vue @vue/compiler-sfc 用法 import { build } from 'esbuild' import vue from 'esbuild-plugin-vue' build ( { plugins : [ vue ( ) ] , } ) 执照 麻省理工学院:copyright:
vue3使用errorHandler捕获所有子组件的错误（throw错误测试）
徐同保的专栏
05-08 725
vue3使用errorHandler捕获所有子组件的错误（throw错误测试）
【最终解决办法】vue3 vite 出现错误node:events:371 throw er； // Unhandled ‘error‘ event
u011962601的博客
09-26 1818
网上搜索到的答案，全都是旧版vue2版本的答案！！没有一个是有用的！气死人了。 然后翻墙谷歌，找到node:events:371 throw er; // Unhandled 'error' event 这个最新的解决办法。 解决办法： 通过最后面syscall的提示，知道是由于esbuild.exe没有运行导致的，因为在package.json里面没有自动生成运行这个文件的代码，所以要手动运行，在终端通过node ./node_modules/esbuild/install.js 这...
Mac上初次使用vite新建Vue3项目需要注意，自己的错误记录
qq_45989931的博客
09-23 3726
用vite创建一个vue3项目遇到的问题
19.Npm的package-lock.json文件
魏大大
06-07 1386
在版本 5 中，npm 引入了 文件。那是什么？你可能知道 文件，它更常见并且已经存在了很长时间。 文件的目标是跟踪已安装的每个软件包的确切版本，以便产品以相同的方式 100% 可重现，即使软件包由其维护者更新。这解决了 未解决的一个非常具体的问题。在 package.json 中，您可以使用 semver 表示法设置要升级到的版本（补丁或次要），例如：你不会提交到 Git 你的 node_modules 文件夹，它通常很大，当你尝试使用 命令在另一台机器上复制项目时，如果你指定了 语法和一个补丁
Vue3 使用 Vite配置JSX/TSX支持
Vinc_chen的博客
06-09 8950
Vue3 使用 Vite配置JSX/TSX支持 开始搭建项目 详情请按Vite官方文档 各位客官们，注意一下搭建项目之前，请使用npm --version检查一下自己的npm版本，按照文档的不同npm版本对应的不同命令行，对号入座～ 如果有使用MacOS的同学，可能会遇到一下子问题： throw new Error(`esbuild: Failed to install correctly ^ Error: esbuild: Failed to install correctly Make sure y
NestJS、Vite 和 esbuild 入门
分享身边生活经验blog
10-01 1738
NestJS 是一个 Node.js 框架，用于构建高效且可扩展的企业服务器端/后端应用程序。根据文档，它支持 JavaScript 和 TypeScript 的所有最新 ECMAScript 版本。NestJS 结合了众所周知的 OOP、函数式编程和函数式反应式编程的编程概念和哲学，以解决后端应用程序设计中的架构挑战，这些应用程序可扩展、可维护、易于测试且不紧密耦合在一起。
react项目创建
Im_inevitable的博客
08-26 405
安装前提：node 和 npm（node包管理工具）。 可以通过node -v。 npm -v来检查是否已安装成功 1. react 脚手架安装： （1）全局安装react的脚手架： npm i -g create-react-app （2）检查安装是否成功：create-react-app --version （3）使用脚手架创建一个项目：create-react-app react-project-name （4）创建成功后，首先一定要进入该文件夹，然后执行npm run start。 也可以使用ya
vite创建vue3项目报错
09-16
vite创建vue3项目报错是因为项目中的内容包含了无效的JavaScript语法，导致解析失败。为了解决这个问题，你可以按照以下方法进行操作： 1. 首先，确保你已经全局安装了`create-vite-app`，可以使用命令`npm install -g create-vite-app`进行安装。 2. 接着，使用`create-vite-app`命令创建项目。你可以使用以下命令创建一个名为`vite_prj`的项目： ``` npm init vite-app vite_prj ``` 3. 进入项目目录： ``` cd vite_prj ``` 4. 安装项目依赖： ``` npm install ``` 5. 如果在安装依赖过程中提示有风险和漏洞，可以使用以下命令进行修复： ``` npm audit fix --force ``` 6. 确保你已经安装了`@vitejs/plugin-vue`插件，如果没有安装，可以使用以下命令进行安装： ``` npm install @vitejs/plugin-vue -D ``` 7. 创建一个名为`vite.config.js`的项目配置文件，并添加以下内容： ```javascript import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], }); ``` 8. 最后，重新运行项目： ``` npm run dev ``` 这样应该就能解决vite创建vue3项目报错的问题了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值