记录一次运行vue项目一直不成功的经历

参考:https://blog.csdn.net/qq_17162169/article/details/115718002

小伙伴昨天给我个项目,后端跑起来了,前端从今天早上到下午三点半都一直在尝试跑起来,终于刚刚搞好了,遇到的坑很多,简单记录一下

具体的报错内容就不记录了,就记一下大概遇到的问题及解决过程。

首先启动报node版本不符合,说是要低版本,所以重新深刻认识到了以下操作命令

查看node所有版本 npm view node versions安装n模块 npm install -g n安装node版本 sudo n v6.2.0

切换哪个版本其实还是要自己看package.json里面要的版本。

还有说找不到python,于是我brew安装了python,并且修改了环境变量。

然后就是报他要vue2.7.14,我找了很多文档都没有找到可以切换到2.7的方法,重新深刻认识了以下操作命令


sudo npm uninstall -g vue-clinpm cache clean --forcenpm install vue-cli -g   ?npm install --global vue-clinpm show vue versionnpm install vue@2.6.14

小提示:安装vue的命令行是完全不一样的,需要注意

最后我node版本也按照json文件的要求换成了6点几重新再跑还是不成功,报了个没有头绪的错误,尝试把node_modules重命名再重新install,但是拉不下来了,最后想了想是不是这个node版本6.0不支持拉扩展包,于是我手动修改了package.json文件的node版本,再install一下就可以了。

今天我原来自己的项目也是运行不起来,同样还是删除node_modules文件夹,再重新install一下就可以了,

总结:有问题先看能不能从网上找到资料解决,要细读报错信息,实在找不到了,可以退而其次想想可不可以先修改配置尽量到最新版本再尝试跑,能跑起来不基本就不要紧了,反正老版本早晚是要更新到新版本的

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/78399.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

第十届IEEE电气工程与自动化国际学术论坛(IFEEA 2023)

第十届IEEE电气工程与自动化国际学术论坛(IFEEA 2023) 2023 10th International Forum on Electrical Engineering and Automation IFEEA论坛属一年一度的国际学术盛会。因其影响力及重要性,IFEEA论坛自创建筹办以来,便受到国内…

新版原型和原型链详解,看完整个人都通透

了解原型、原型链前需要先了解构造函数,new操作符 构造函数 构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与 new 一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到…

手机提词器有哪些?简单介绍这一款

手机提词器有哪些?手机提词器在现代社会中越来越受欢迎,原因是它可以帮助人们提高演讲和朗读的效果。使用手机提词器可以让人们更加自信地面对演讲和朗读,不至于出现口误或读错字的情况。此外,手机提词器还可以帮助人们节省时间和…

淘客商品字符动态商品id转数字id

{ "code": 200, "data": { "itemId": "700407841432", "itemName": "安踏花苞短裤女五分裤夏季新款速干冰丝高腰宽松裤子透气工装短裤", "itemVideo": { "itemVideoThum…

vue3中实现监听dom

在vue3遇到业务需要监听窗口大小然后改变dom大小&#xff0c;下面是实现思路 1.dom <div class"dom"></div> 2.组件初始化获取dom //获取dom const dom ref()const updateDomWidth () > {dom.value document.querySelector(dom)//可以根据dom的值…

认识Git的工作区、暂存区与版本库

使用 git init 命令在 gitcode 文件夹下创建如下图所示的Git仓库。现在思考这样一个问题&#xff1a;gitcode目录下创建的README文件可以直接被git管理和追踪吗&#xff1f; 答案是否定的&#xff0c;因为只有 Git 本地仓库中的文件才可以被版本控制。什么&#xff1f;难道当前…

TableConvert-免费在线表格转工具 让表格转换变得更容易

在线表格转工具TableConvert TableConvert 是一个基于web的免费且强大在线表格转换工具&#xff0c;它可以在 Excel、CSV、LaTeX 表格、HTML、JSON 数组、insert SQL、Markdown 表格 和 MediaWiki 表格等之间进行互相转换&#xff0c;也可以通过在线表格编辑器轻松的创建和生成…

【Spring使用三级缓存解决循环依赖的过程】

testService1和testService2相互依赖 当Spring创建testService1对象时&#xff0c;它会先从一级缓存中查找是否存在testService1的实例。如果缓存中不存在testService1实例&#xff0c;它将继续查找二级缓存中是否存在testService1。如果二级缓存中也不存在testService1实例&…

【SpringCloud微服务--Eureka服务注册中心】

SpringCloud微服务全家桶学习笔记【持续更新】 gitee仓库 内容&#xff1a;SpringCloud SpringCloud alibaba 技术栈&#xff1a;Java8mavengit&#xff0c;githubNginxRabbitMQSpringBoot2.0 微服务架构概述 微服务架构是一种架构模式&#xff0c;它提倡将单一应用程序划…

分布式多级缓存

例子&#xff08;测试环境&#xff09; 项目结构图 运行反向代理服务器也就是负责反向代理到三个nginx的nginx&#xff0c;该nignx也负责前端页面的跳转。 该nginx的conf为下: 突出位置就是该nginx需要反向代理的其他nginx的IP和端口。 Lua语法 linux安装Lua #安装lua环境 …

Uniapp中使用uQRCode二维码跳转小程序页面

下载插件 uQRCode官网地址 引入插件 文件如下 //--------------------------------------------------------------------- // github https://github.com/Sansnn/uQRCode //---------------------------------------------------------------------let uQRCode = {};(functio…

Python--用户输入与While循环

1、input() 函数的工作原理 input() 函数让程序暂停运⾏&#xff0c;等待⽤户输⼊⼀些⽂本。获取⽤户输⼊ 后&#xff0c;Python 将其赋给⼀个变量&#xff0c;以便使⽤。 message input("Tell me something, and I will repeat it back to you: ") print(message…

fabic如何将绘图原点移到画布中心

情况说明&#xff1a; fabic默认绘图原点为left&#xff1a;0&#xff0c;top&#xff1a;0 后端给我的内容是按照x&#xff0c;y返回的&#xff0c;需要将坐标系移到fabic画布的中心位置&#xff0c;找了下网上合适的砖&#xff0c;想一句命令直接设置&#xff0c;结果没有。…

改造el-dropdown ,实现多选效果,且当选项只剩下一个时,不允许取消

实现效果 实现代码 其中virtual-list是使用的插件,使得下拉数据多的时候,不会出现卡顿 正常不使用虚拟列表的时候可以这样写 <el-dropdown-menu slot"dropdown"><el-dropdown-item v-for"i in item.optionList" :key"i.id" :command&…

前端验证弱密码代码记录

password: [{ required: !props.id? true:false , trigger: blur,validator: (rule, value, callback, source, options) > {const pwdRegex new RegExp((?.*[0-9])(?.*[a-zA-Z])(?.*[^a-zA-Z0-9]).{8,30})if (!props.id && value ) {callback(new Error(请输…

前端面试合集(三——浏览器)

浏览器的页面渲染 1.浏览器是如何渲染页面的&#xff1f;2. 什么是reflow(重排&#xff09;&#xff1f;3. 什么是repaint(重绘&#xff09;&#xff1f;4.为什么transform效率高&#xff1f; 1.浏览器是如何渲染页面的&#xff1f; 当浏览器的网络线程收到HTML文档之后&#…

AI已经改变游戏规则,新环境下如何用好这一新利器,提升开发团队的生产力

ChatGPT 4在今年3月刚刚发布&#xff0c;但在短短几个月内&#xff0c;它已经开始改变多个行业开发材料和资产的方式。 作为Perforce Software的首席技术官&#xff0c;我密切关注着新兴技术如何重新塑造和定义既定的工作步骤与流程。在我近30年的软件开发经验中&#xff0c;很…

【再识C进阶2(下)】详细介绍指针的进阶——利用冒泡排序算法模拟实现qsort函数,以及一下习题和指针笔试题

前言 &#x1f493;作者简介&#xff1a; 加油&#xff0c;旭杏&#xff0c;目前大二&#xff0c;正在学习C&#xff0c;数据结构等&#x1f440; &#x1f493;作者主页&#xff1a;加油&#xff0c;旭杏的主页&#x1f440; ⏩本文收录在&#xff1a;再识C进阶的专栏&#x1…

探究Nginx应用场景

1 静态资源 Nginx是一个流行的Web服务器和反向代理服务器&#xff0c;它可以用于托管静态资源。下面是一个简单的案例&#xff0c;展示了如何使用Nginx来提供静态资源。 假设你有一个名为example.com的域名&#xff0c;并且你希望使用Nginx来托管位于/var/www/html目录下的静…

CopyOnWriteArrayList源码分析

其中唯一的线程安全 List 实现就是 CopyOnWriteArrayList。 特点 由于读取操作不会对原有数据进行修改&#xff0c;因此&#xff0c;对于每次读取都进行加锁其实是一种资源浪费。相比之下&#xff0c;我们应该允许多个线程同时访问 List 的内部数据&#xff0c;毕竟对于读取操…