使用vue cli创建vue3项目后想再使用vite
没找到如何直接安装在原来项目直接安装vite
换种解决方法:
使用vite先创建vue3项目
1.安装 vite npm init @vitejs/app
或 yarn create @vitejs/app
2. 查看当前npm版本选择对应指令创建项目 npm -v
# npm 6.x
npm init @vitejs/app my-vue-app --template vue
# npm 7+, 需要额外的双横线:
npm init @vitejs/app my-vue-app -- --template vue
# yarn
yarn create @vitejs/app my-vue-app --template vue
(my-vue-app)为项目名称
3.创建好后cd my-vue-app
npm install
4.重点:将原来的vue cli创建的项目中scr整个目录替换到当前vite新建的工程src目录下
5.分步使用npm安装项目依赖 router axios等
过程中可能会报错:
SyntaxError: The requested module ‘/node_modules/.vite/vue-router/dist/vue-router.esm.js?v=4830dca4’
解决方法:
npm uninstall vue-router
npm install vue-router@next -S
完成!
vue3项目安装vite cli项目迁移vite
最新推荐文章于 2024-05-15 17:35:31 发布