vue3项目配合Vite快速实现搭建流程

最新推荐文章于 2024-07-13 14:53:08 发布
最新推荐文章于 2024-07-13 14:53:08 发布
阅读量629 收藏 7
点赞数 9
文章标签： vue3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heiioworld_/article/details/135062477
版权

需要注意的是,npm的版本要是8+在这里插入图片描述npm init vite@latest shop-admin – --template vue
直接使用以上代码快速构建即可
下面是我构建环境的时候出现的一个小插曲，以及我对应的解决办法
在这里插入图片描述
再一次切换node版本之后依旧发生了错误
在这里插入图片描述

仔细看错误提示：error vite@5.0.10: The engine “node” is incompatible with this module. Expected version “^18.0.0 || >=20.0.0”. Got “19.2.0”
error Found incompatible module.
很明显是要求18.0.0 || >=20.0.0
所以以下的解决办法出来了：

在这里插入图片描述

floret. 小花
关注
Vue3.0+typescript+Vite+Pinia+Element-plus搭建vue3框架！
qq_33546296的博客
06-03 1060
/ 此处的id很重要name: ''}),getters: {},},actions: {},// 登录// 调用接口，做逻辑处理})setup() {// $patch 修改 store 中的数据name: '名称被修改了,nameLength也改变了'})return {userStore,updateName},})
Vite + Vue3 实现前端项目工程化
前端知识分享喵
05-10 894
Vue3 发布至今，周边的生态、技术方案已足够成熟，个人认为新项目是时候切换到 Vite + Vue3 了。今天就给大家操作一下这种技术方案实现前端工程化。
error vite@5.0.2: The engine “node“ is incompatible with this module. Expected version “^18.0.0 || ＞
M030124的博客
11-23 1911
在使用yarn搭建vue3项目时，一直报这个错误，切换到预期的node版本也是同样错误。方法一：忽略引擎版本的检查（推荐）方法二：卸载重装规定版本。
yarn dev出现以下错误The engine “node“ is incompatible with this module. Expected version “＞=18.0.0“. Got “
YanHSama的博客
05-10 3115
node版本冲突问题
创建vue以及报错解决error @achrinza/node-ipc@9.2.2: The engine “node“ is incompatible with this module. Expec
热门推荐
weixin_45917610的博客
12-27 3万+
创建vue并处理可能的报错问题
The engine “node“ is incompatible with this module. Expected version 问题解决办法
weixin_44272000的博客
07-28 3484
【代码】The engine “node“ is incompatible with this module. Expected version 问题解决办法。
nvm 常用命令
南思琼海
03-29 1751
nvm node的版本管理器 nvm list 是查找本电脑上所有的node版本 - nvm list 查看已经安装的版本 - nvm list installed 查看已经安装的版本 - nvm list available 查看网络可以安装的版本 nvm install 安装最新版本nvm nvm use <version> ## 切换使用指定的版本node nvm ls ...
微软语音合成工具，使用 Electron + Vue + ElementPlus + Vite 构建，将文字转为语音MP3
08-11
Vite与Vue配合，可以实现更快的开发环境搭建和更高效的项目构建流程。 在这个项目中，"tts-vue-main"可能代表主应用程序文件夹，里面包含了项目的源代码、配置文件等。开发者可能在这里实现了文字到语音的API调用，...
learn-agenda:学习Vue 3 + Vite + TailwindCSS的概念和实现
04-14
在本项目"learn-agenda"中，我们主要探讨的是如何使用Vue 3、Vite和TailwindCSS这三种前沿技术来构建一个现代化的前端应用。Vue 3是Vue.js框架的最新版本，提供了许多性能优化和开发体验改进；Vite是由Vue.js作者尤...
vue3-vite-typescript-eslint
07-24
这个项目模板可以帮助开发者快速搭建一个具有现代化开发流程的 Vue3 应用，利用 Vite 提高开发效率，通过 TypeScript 增强代码的稳定性和可读性，而 ESLint 则确保代码质量。如果你打算开始一个新项目或者学习这些...
【使用yarn运行报错】The engine “node“ is incompatible with this module.
weixin_43690623的博客
06-22 1万+
使用yarn安装React项目依赖，node版本不一致，出现报错 命令：
【node篇】The engine “node“ is incompatible with this module. Expected version “0.4.x“. Got XXX 报错问题
章魚尐芄子的博客
11-17 1029
执行 yarn instll ，出现The engine “node“ is incompatible with this module. Expected version “0.4.x“. Got XXX 报错问题
yarn install遇到的报错及解决方案20230509
Clearlove_8的博客
05-29 2709
解决2：忽略错误后重新yarn install：yarn config set ignore-engines true。先删除 package.json 的 tui-editor 配置项。解决1：换node版本(安装多个node版本然后)
yarn install 报错解决The engine “node“ is incompatible with this module.
qq_46312886的博客
11-18 1511
The engine "node" is incompatible with this module. Expected version "^12.13.0 || ^14.15.0 || >=16.0.0". Got "14.6.0" 意思说你需要安装的module与当前node版本不匹配
The engine “node“ is incompatible with this module. Expec
Moses
10-03 217
@achrinza/node-ipc@9.2.2
Vite 5.0 正式发布
聪明的竹子的博客
02-16 1085
欢迎关注"所谓前端"微信公众号,大家一起交流点击扫码关注。
the engine “node“ is incompatible with this module.
soputasmile的笔记
05-26 2318
error commander@9.2.0: The engine “node” is incompatible with this module. Expected version “^12.20.0 || >=14”. Got “12.13.0” error Found incompatible module. 执行：yarn config set ignore-engines true
解决使用yarn安装依赖出现The engine “node“ is incompatible with this module. Expected version “＞=18“.
最新发布
cs007711的博客
07-13 840
【代码】解决使用yarn安装依赖出现The engine “node“ is incompatible with this module. Expected version “＞=18“.
vue安装时报错npm ERR! Could not resolve dependency: npm ERR! peer…
michiko98的博客
02-09 1万+
npm error peer dependency
vue3搭建vite项目的流程
04-08
可以直接回答。首先，需要安装新版本的 Node.js 和 npm。...接着，在你的项目根目录下，运行命令 "vite create <project-name>"，即可创建一个基于 vue3 和 vite 的项目。 运行命令 "npm run dev"，即可启动项目。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值