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

如果前端项目一直起不来,直接删除扩展文件夹试试

// npm安装vue
yum install npm
npm install vue@2.6.14
npm install如果不行就删除package-lock.json

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

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

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

查看node所有版本 npm view node versions

安装n模块 npm install -g n(n模块是用来切换node版本的)

安装node版本 sudo n v6.2.0

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

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

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


sudo npm uninstall -g vue-cli npm cache clean --force npm install vue-cli -g ? npm install --global vue-cli npm show vue version npm install vue@2.6.14

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

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

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

后记

windows可以使用nvm这个用来切换node版本,具体使用说明看这个老哥的文档https://blog.csdn.net/JingYan_Chan/article/details/125405423,然后我装了我想要的版本后找到nvm的文件夹,
C:\Users\Administrator\AppData\Roaming\nvm\v12.19.0然后把这个文件夹加入到环境变量里面

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

记录一次运行vue项目一直不成功的经历的更多相关文章

  1. python 全栈开发,Day58(bootstrap组件,bootstrap JavaScript 插件,后台模板,图表插件,jQuery插件库,Animate.css,swiper,运行vue项目)

    一.bootstrap组件 无数可复用的组件,包括字体图标.下拉菜单.导航.警告框.弹出框等更多功能. 组件和插件的区别? 插件:一个功能,比如js文件 组件:html css js 组件包含插件 面 ...

  2. 零基础 Vue 开发环境搭建 打开运行Vue项目

    [相关推荐]IntellIJ IDEA 配置 Vue 支持 打开Vue项目 所需文件 node.js环境(npm包管理器)(node-v8.11.3-x64.msi)(npmV5.6.0) cnpm ...

  3. 解决运行vue项目的报错This relative module was not found:

    运行vue项目出现这样的报错. This relative module was not found: * ../../assets/img/spot.png !./src/components/on ...

  4. 在运行vue项目时,执行npm install报错小记

    在运行vue项目时,执行npm install 报错,导致后续的执行报各种错误,根据报错,尝试了网上的各种办法,最后发现时网络问题下载失败导致,解决办法: 安装cnpm==>npm instal ...

  5. 不用终端运行 Vue项目 基于Pycharm

    不用终端运行 Vue项目 基于Pycharm 如下图展示 接下来 然后单击右上角运行 即可完成运行

  6. 如何运行vue项目

    首先,列出来我们需要的东西:   node.js环境(npm包管理器) vue-cli 脚手架构建工具 cnpm  npm的淘宝镜像   安装node.js 从node.js官网下载并安装node,安 ...

  7. 如何使用Vue-cli搭建和运行vue项目

    此文章  主要参考:https://jingyan.baidu.com/article/5225f26bbb430fe6fa0908ce.html 在vue init webpack my-proje ...

  8. 本地运行vue项目webpack提示 Compiled successfully

    最近在github下载运行别人的vue项目后,如下图提示编译成功,但项目并没有启动       最开始我以为是端口问题,修改了config-index.js里的port端口,重新运行后依然是上图提示 ...

  9. vue的学习--如何使用Intellij IDEA配置并运行vue项目

    重新接触vue,开始学习使用IDE对vue项目进行配置和运行项目. 1.前面的准备 一般的教程都能到通过命令行运行npm run dev,并通过结果显示的端口,用浏览器访问自己的vue项目的结果.但是 ...

  10. 使用WebStorm运行vue项目

    在WebStorm中怎么打开一个已有的项目,这个不用多说,那么如何运行一个vue项目呢? 1.点击下图中右上角的红框. 2.在出现的弹框中选中左上角“+”下的“npm”,如下图所示. 3.选中第二步的 ...

随机推荐

  1. Docker从认识到实践再到底层原理(八)|Docker网络

    前言 那么这里博主先安利一些干货满满的专栏了! 首先是博主的高质量博客的汇总,这个专栏里面的博客,都是博主最最用心写的一部分,干货满满,希望对大家有帮助. 高质量博客汇总 然后就是博主最近最花时间的一 ...

  2. ”动态“修改MAC地址

    一:获取MAC地址 1.自定义的MAC地址 这里是例程中存放自定义MAC地址的位置,如果想修改MAC地址可以在此处修改.一般例程这里是灰色的需要在工程预编译处配置. 可以看到MCU.c文件中此处代码生 ...

  3. MySQL中 int(11)和int(10)有没有区别!!

    结论:int(11)  int(3)  int(20)  若不勾选填充0,那么效果统统一样,若勾选了填充0:查询出来的效果 会是这样: int(11)  00000000123 int(3)  123 ...

  4. .NET Core开发实战(第24课:文件提供程序:让你可以将文件放在任何地方)--学习笔记

    24 | 文件提供程序:让你可以将文件放在任何地方 文件提供程序核心类型: 1.IFileProvider 2.IFileInfo 3.IDirectoryContents IFileProvider ...

  5. [Java]HashMap与ConcurrentHashMap的一些总结

    HashMap与ConcurrentHashMap的一些总结 HashMap底层数据结构 JDK7:数组+链表 JDK8:数组+链表+红黑树 JDK8中的HashMap什么时候将链表转为红黑树? 当发 ...

  6. NC22600 Rinne Loves Dynamic Graph

    题目链接 题目 题目描述 Rinne 学到了一个新的奇妙的东西叫做动态图,这里的动态图的定义是边权可以随着操作而变动的图. 当我们在这个图上经过一条边的时候,这个图上所有边的边权都会发生变动. 定义变 ...

  7. Python枚举类型enum

    为什么需要枚举 枚举(Enum)是一种数据类型,也是一种特别的类,是绑定到唯一值的符号表示,可以使用它来创建用于变量和属性的常量集枚举类可以看成是一个下拉菜单,给出特定的选项且这些选项不可修改,更贴近 ...

  8. SATA 中ATA与AHCI的区别

    SATA中ATA和AHCI有什么区别?   1.ACHI是针对SATA2设计的,可以卡其NCQ功能,表面上没有速度的优势,但是因为算法不同,可以有效的保护硬盘.ATA 是硬件模拟IDE的一种方法.表面 ...

  9. ORACLE cannot fetch plan for SQL_ID

    今天做SQL执行计划测试的时候,发现sqlplus无法正常打印执行计划,根据网上资料整理如下: ..... SYS@orcl> select *   2     from table(   3 ...

  10. jsp中无法识别EL表达式问题

    今天在开发系统时需要在JSP中遍历List<javabean>,其中用到了EL表达式:${item.value} 页面死活不出数据,只显示表达式本身:${item.value}. 页面代码 ...