vue2.0+vite 创建项目踩坑

最新推荐文章于 2024-05-12 16:40:16 发布
最新推荐文章于 2024-05-12 16:40:16 发布
阅读量793 收藏
点赞数 1
文章标签： 大数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55489341/article/details/125635669
版权

今天碰巧没什么工作,研究了一下vite打包工具,照着教程一步一步修改,下载vue和vue-template-compiler的时候因为node版本的问题,导致2个版本出现了分析导致如下报错

这里的报错是vue-template-compiler没有找到,需要你进行下载,我按照下载,然后又跑起来了项目,结果又报错了,很恼火 报错信息如下:

 我看一眼,发现vue和vue-template-compiler  不是同一版本,我删除了vue-template-compiler 按照vue的版本号下载了一遍vue-template-compiler之后成功的跑起来项目来.

后来百度了为什么会这样,就是node版本下载vue包不匹配导致的编译出问题.

这是我遇到的小问题,可能大家遇不到.如果遇到相似的问题,看看大家还有什么更好的解决方法!

可可鸭!
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
记一次成功把Vue2后台项目改造成Vite2的踩坑经历
yilingsj的博客
06-02 7142
公司后台项目基于@花裤衩大神的vue-element-admin，随着项目功能的不断完善和需求不断增加，项目启动也变的越来越慢。慢到什么程度呢？我i7-10代16G内存的本本跑项目最快也需要近3分钟，实在难以忍受。几经折腾，终于成功改造成了vite。现在跑项目，5秒内即可跑起来，简直不要太爽！此次改造的过程遇到很多问题，现将遇到的问题做下记录，以防后续改造类似项目时继续踩坑。本次要改造的是一个基于vue-element-admin的后台项目。由于项目比较老，所以没有使用到typescript
vite2.0+vue3移动端项目实战
Yvette Lau的专栏
03-01 785
原文地址：zhuanlan.zhihu.com/p/351888882作者：清风皓月一.涉及技术点vite版本vue3ts集成路由集成vuex集成axios配置Vant3移动端适配请求代理...
2024年前端最全vite创建vue2项目，并支持setup语法糖_vite vue2创建(1)，覆盖所有面试知识点
最新发布
2401_84446825的博客
05-12 920
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
使用vite来创建vue2项目
qq_30351747的博客
09-13 2596
使用vite来创建vue2项目
mmf-blog-vite-vue2:mmf-博客vue2.0（vitejs，vue2，vue-router，vuex）
04-15
mmf-blog vuejs 2.0 v2 演示： ： 主要技术堆栈：vue2，vue2-router，vuex，webpack，babel，eslint 其他版本 React（水疗中心）： : vue2（spa）： ： vue2（pwa ssr）： : 首先安装api server ： koa2： ： 快递： : # Install dependencies yarn # or npm install # Note: do not install with CNPM dependency # Product yarn build # Develop yarn serve 主页 登录http：// localhost：7770 / backend 执照 麻省理工学院
vue-cli 迁移 vite2 实践小结
Cool的博客
03-03 5473
两周前（202.02.17），vite2.0 发布了，作为使用了浏览器原生 ESM 为下一代前端工具，vite 2.0 相较于 1.0 更加成熟。在此之前笔者就开始关注这类「新型」的前端工具。这次趁着 vite 2.0 发布，也成功将一个基于 vue-cli(-service) + vue2 的已有项目进行了迁移。 迁移工作比较顺利，花了不到半天时间。但整个迁移过程中也遇到了一些小问题，这里汇总一下，也方便遇到类似问题的朋友一起交流和参考。 项目背景 在介绍具体迁移工作前，先简单介绍下项目情况。目前该
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...
Vue2.0+ThreeJs写的一个3D粮仓管理系统源码.zip
05-08
Vue2.0+ThreeJs写的一个3D粮仓管理系统源码，该项目基于ThreeJs+Vue2.0+Vue-Element+Admin实现了3D粮仓管理系统。 Vue2.0+ThreeJs写的一个3D粮仓管理系统源码，该项目基于ThreeJs+Vue2.0+Vue-Element+Admin实现了...
基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板
10-15
使用了Vue3.0全家桶、ant-design-vue2.0和typescript4.0，实践vue3.0的新特性
vue3+vite2+ts+vant3 项目demo
04-16
此项目 按照大佬文章 一步步学习搭建 https://juejin.cn/post/7036745610954801166?share_token=5dd94aae-bed2-4733-93ac-306118376443；感谢大佬
Vue2 + vite 开发环境的搭建（含源文件包，运行即可）
大剑师兰特的GIS世界
01-27 2234
最近在开发vue2+openlayers项目的时候，碰到一个问题。加载webglTile时候，报错。原来使用的是webpack，怎么调试都不太好使，最后看到官方使用的是vite，然后就打算更改webpack为vite来解决这一个问题。 这里面要注意要含有`vite-plugin-vue2` 和 `vite`
老项目将VUE2.0项目vue-cli配置改造成vite项目配置
weixin_42285167的博客
08-09 4210
vite介绍 vite是尤大大开发的一款新的提供项目基本的脚手架和开发服务器的构建的工具。它不同于webpack做到了本地快速开发启动，模块热更新，按需编译，有无需等待整个项目编译完成的优势。原理是利用浏览器现在已经支持es6的import，根据项目实际加载需要，遇到import才会发送一个http去服务端请求加载文件。 背景 目前在公司维护一个之前开发以VUE2.0为基础采用vue-cli打包的项目。因为经过后面的业务需求开发迭代，使得目前项目像滚雪球似的慢慢变得很大。导致目前项目打包速度很慢，通常
Vue2+vite
qq_36665856的博客
04-06 448
1.安装yarn npm install -g yarn 2.查看版本yarn --version 3.创建项目 create-vite-app vue3-vite(项目名称) 4.进入项目 cd vue3-vite 5.导入依赖 npm install 6.安装typescript yarn add typescript -D 7.初始化tsc npx tsc --init 8.将m...
手把手教你使用npm和vite 2.0创建vue项目（非ts），配置打包环境
weixin_41722909的博客
03-22 3730
Vite 需要node版本 >= 12.0.0，使用node --version 查看当前node版本，过低的话需要去官网下载更高的可用版本。 1、创建项目：使用npm，yarn的同学可以去官网查看此步骤 使用 npm --version 查看npm版本，然后创建项目： # npm 6.x npm init @vitejs/app my-vue-app --template vue # npm 7+, 需要额外的双横线： npm init @vitejs/app my-vue-app --.
vite搭建vue2项目
weixin_55333190的博客
02-10 1967
学习 : https://juejin.cn/post/6988808776291713060 术语可能是错的但是步骤是这样的 01-初始化一个vite原生框架 npm init vite@latest 选择vanilla原生项目 02-安装依赖 npm install npm install vite-plugin-vue2 -D npm install vue@2.x vue-template-tempiler@2.x -S 03-创建src文件夹 将main.js放进去 main.js
Vue2.0 安装步骤记录
鹤渺的星球
06-08 6489
开始上手的第一步就是安装，虽然工作电脑已经尝试过，但是自己的私人电脑还没有，所以今天试着安装一下。顺序是：node.js vue 创建
基于Vite创建一个Vue2项目
开发路上的AZhe
08-12 1241
没有导语没有前言，直接上正文。
vue2使用vite
hzqzzz的博客
07-04 6680
1.安装插件(一个vite必备，第二个是为了兼容vue2) 2.将public中的index.html拉出来，放在最外层，与package.json同级 3.在index.html中引入 4.router中的index.js修改base 5.创建vite.config.js(没有则需要新建) 6.修改package.json中的运行与打包命令 注意：打包后可能会提示文件过大，需要在vite.config.js中进行配置打包文件体积，配置已经放置在上面了。...
Vue3 + vite 创建项目
11-23
在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目...这个命令会自动创建一个基于 Vue3 和 Vite 的项目，并且已经配置好了开发环境和热更新。你可以在 `src` 目录下编写你的 Vue 代码，然后在浏览器中查看效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值