IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> vue项目启动报错:npm ERR! job-schedule@0.1.0 serve: `vue-cli-service serve`以及No matching version found forX -> 正文阅读

[JavaScript知识库]vue项目启动报错:npm ERR! job-schedule@0.1.0 serve: `vue-cli-service serve`以及No matching version found forX

最近将前端项目转移到其他电脑上(linux系统)去部署的时候,运行 npm install ,然后再运行npm run serve 之后出现如下图所示的两种报错情况。关键是,删除了node_modules模块和package-lock.json文件重新npm install还是出错(可是把我该困扰住了);把vue cli和node都卸载重新安装,还是不行。
主要会出现这两个主要的错误提示信息:
npm ERR! job-schedule@0.1.0 serve: ‘ vue-cli-service serve’ 和
No matching version found forX

这个是用npm install 命令出现的:
请添加图片描述

这个是使用 npm run serve 命令出现的:
请添加图片描述
第一张图片提示信息No matching version found for xxxxxxxx+版本信息,是package.json文件中的配置信息出了些什么问题,我原本window系统下做的时候,package.json文件里面的内容如下:

    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^5.1.0",
    "vue-template-compiler": "^2.6.11",
    "eslint-plugin-html": "^6.0.3",
    "@vue/cli-plugin-eslint": "^3.3.0",
    "@vue/eslint-config-standard": "^4.0.0"

后来把项目放到linux系统的电脑上时,我在package.json文件中又添加了一些内容如下:

"eslint-plugin-html": "^6.0.3",
"@vue/cli-plugin-eslint": "^3.3.0",
"@vue/eslint-config-standard": "^4.0.0",
"eslint": "5.0.0",
"eslint-friendly-formatter": "4.0.1",
"eslint-loader": "2.0.0",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-vue": "4.7.1"

如果和自己里面的有重复的内容会显示下划线,只用把重复的删除掉就可以了,完整的内容如下所示:

 "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^5.1.0",
    "vue-template-compiler": "^2.6.11",
    "eslint-plugin-html": "^6.0.3",
    "@vue/cli-plugin-eslint": "^3.3.0",
    "@vue/eslint-config-standard": "^4.0.0",
    "eslint": "5.0.0",
    "eslint-friendly-formatter": "4.0.1",
    "eslint-loader": "2.0.0",
    "eslint-plugin-import": "^2.20.2",
    "eslint-plugin-vue": "4.7.1"
  },

然后再删除掉原有的node_modules文件夹和package-lock.json文件,然后输入下列命令:

npm install less --legacy-peer-deps

请添加图片描述

之后文件夹下面会出现新的node_modules文件夹和package-lock.json文件,等待命令运行完成后,输入:

npm install

运行结果如下图所示:
请添加图片描述

这样就可以成功下载出node_modules模块下的内容,然后再运行:

npm run serve

运行结果如下图所示:
请添加图片描述
出现了前端的端口号信息,这样整个vue项目就成功地启动了。

:初学者真的好痛苦,每天都遇到难题,有的还会困扰我好久好久。
但是每次把问题解决了的那一刻,我真的是好开心(。?ˇ?ˇ?)
不知道这个问题这样解决的思路是否正确,欢迎路过的大佬批评指正,不吝赐教。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-09-25 23:09:09  更:2022-09-25 23:10:48 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 10:07:39-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码