运行gitHub中的vue项目,遇到三个报错解决方案

news2024/11/25 21:22:33

报错1:解决npm run serve启动报错npm ERR Missing script:"serve"

启动项目的时候用npm run serve发现报了以下的错误

npm ERR! Missing script: "serve"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR!   npm run
 
npm ERR! A complete log of this run can be found in:
npm ERR!     D:\nodereps\npm_cache\_logs\2022-04-24T03_27_08_348Z-debug.log

​​​​​​​解决思路是这样的

首先看第一行报错Missing script: "serve"意思是提示没有serve这个启动脚本

然后我就到package.json文件里面去找了一下

果真没有,有的是下面这个dev

然后我就用npm run dev试着启动了一下项目,成功了!

顺便提一嘴,大家应该也挺好奇npm run serve和npm run dev到底有什么区别叭。

其实,npm run dev 是vue-cli2.0版本使用的,而npm run serve 是vue-cli3.0版本使用的

本质上就是在于vue-cli脚手架的版本不同导致的

​​​​​​​

报错2:vite' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

报错解释:
这个错误表明系统无法识别vite命令。通常情况下,这是因为Vite(一种前端构建工具)没有被安装在系统上,或者没有正确地添加到系统的环境变量中。

解决方法:

  1. 确认是否已经安装了Vite。如果没有安装,需要先进行安装。可以通过以下命令安装Vite(前提是你已经安装了Node.js和npm):

    npm install -g vite

    使用-g参数全局安装Vite,这样可以在任何地方使用vite命令。

  2. 如果已经安装了Vite,但仍然出现这个错误,可能是环境变量的问题。确保Vite的安装目录被添加到了系统的PATH环境变量中。

  3. 另外,如果你是在项目的本地环境中安装的Vite,可以通过npm的npx命令运行Vite,而不用将其安装为全局命令。例如,在项目目录下运行:

    npx vite

    这样可以直接调用项目内部安装的Vite版本,而不用修改环境变量。

  4. 如果你使用的是Windows系统,可能需要重启命令行工具或者你的电脑来使环境变量的更改生效。

  5. 如果上述步骤都不能解决问题,请检查是否有拼写错误,或者尝试清除npm缓存,重新安装Vite。

请根据你的实际情况选择适当的解决方法。

报错3:cannot find base config file @vue/tsconfig/testconfig.js

这个错误表明你的项目正在尝试加载一个名为 testconfig.js 的配置文件,该文件应该是基于 @vue/tsconfig 这个包中的一个配置文件。但是,该文件在 @vue/tsconfig 包中不存在或者无法被找到。

解决方法:

  1. 确认你的项目是否依赖于 @vue/tsconfig 包,并且该包是否已经正确安装在你的 node_modules 目录中。

  2. 检查你的 tsconfig.json 文件中引用 testconfig.js 的路径是否正确。如果是从 @vue/tsconfig 引用的,确保你使用的是正确的键(可能是一个错误,应该是 @vue/tsconfig/tsconfig.test.json)。

  3. 如果你确实需要这个文件,可能是因为你的项目是基于 Vue 的,那么你可以尝试重新安装依赖:

    bashnpm install @vue/tsconfig
  4. 如果问题依旧存在,检查是否有其他配置文件或脚本中的路径错误,可能导致项目尝试加载错误的文件。

  5. 如果你不需要 @vue/tsconfig 包中的任何特定配置,你可以从 tsconfig.json 中移除对该文件的引用。

确保你的项目依赖是最新的,并且所有路径引用都是正确的。如果问题依然无法解决,可能需要更详细地检查项目配置或查看相关的文档。

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

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

相关文章

Linux安装Oracle11g(无图形界面下的静默安装)

Oracle11g安装文档-Linux静默安装 环境准备安装数据库配置监听器创建数据库测试打开防火墙 环境准备 创建组和用户 [rootlocalhost ~]# groupadd oinstall #创建oinstall组 [rootlocalhost ~]# groupadd dba  #创建dba组 [rootlocalhost ~]# useradd -g oinstall -G dba -m…

window2003 中cmd提权到system

打开cmd,输入命令: sc Create syscm2 binPath "cmd /K start" type own type interact 注意!等号左边是有空格然后才是引号的,三个等号都是,否则会失败 成功提示:[SC] CreateService 成功 然后…

Junit单元测试基础

目录 配置xml文件,注入依赖 常用注释 1.Test 2.BeforeAll和AfterAll 3.BeforeEach和AfterEach 4.TestMethodOrder 参数化 1.单参数 2.多参数 3.通过方法生成参数 测试用例执行管理 JUnit 是一个流行的 Java 单元测试框架,它为开发者提供了一…

题目 2694: 蓝桥杯2022年第十三届决赛真题-最大数字【暴力解法】

最大数字 原题链接 🥰提交结果 思路 对于每一位,我我们都要尽力到达 9 所以我们去遍历每一位, 如果是 9 直接跳过这一位 如果可以上调到 9 我们将这一位上调到 9 ,并且在a 中减去对应的次数 同样的,如果可以下调到 9,我…

参数仅有0.049M!基于Mamba的医学图像分割新SOTA来了!

目前,基于CNN和Transformer的医学图像分割面临着许多挑战。比如CNN在长距离建模能力上存在不足,而Transformer则受到其二次计算复杂度的制约。 相比之下,Mamba的设计允许模型在保持线性计算复杂度的同时,仍然能够捕捉到长距离的依…

【AIGC】训练数据入库(Milvus)

之前的文章有写如何获取数据、如何补充数据,也有说如何对数据进行清洗、如何使用结构化数据进行训练。但好像没有说如何将训练数据“入库”。这里说的入库不是指 MySQL 数据库,而是指向量检索库 Milvus。 众所周知,人工智能多用向量数据进行…

人民网至顶科技:《开启智能新时代:2024中国AI大模型产业发展报告发布》

3月26日,人民网财经研究院与至顶科技联合发布《开启智能新时代:2024年中国AI大模型产业发展报告》。该报告针对AI大模型产业发展背景、产业发展现状、典型案例、挑战及未来趋势等方面进行了系统全面的梳理,为政府部门、行业从业者以及社会公众…

渗透知识贴

文章目录 基础知识同源策略 常见web漏洞SQL注入漏洞 web中间件 基础知识 同源策略 同源策略是目前所有浏览器都实行的一种安全政策。A网页设置的 Cookie,B网页不能打开,除非这两个网页同源。所谓同源,是指:协议、端口、域名相同…

蓝桥杯刷题--RDay5

清理水域--枚举 8.清理水域 - 蓝桥云课 (lanqiao.cn)https://www.lanqiao.cn/problems/2413/learning/?page1&first_category_id1&second_category_id3&tags2023 小蓝有一个n m大小的矩形水域,小蓝将这个水域划分为n行m列,行数从1…

一文详解:使用HTTPS有哪些优势?

互联网发展到今天,HTTP协议的明文传输会让用户存在非常大的安全隐患。试想一下,假如你在一个HTTP协议的网站上面购物,你需要在页面上输入你的银行卡号和密码,然后你把数据提交到服务器实现购买。假如这个环节稍有不慎,…

ST 意法半导体人工智能(AI)X-CUBE-AI 扩展包入门指南

引言 本用户手册指导了基于 IDE 逐步构建用于 STM32 微处理器的完整人工智能(AI)项目,自动转换预训练好的神经网络(NN)并集成所生成的优化库。本手册还介绍了 X-CUBE-AI 扩展包,该扩展包与 STM32CubeMX 工具…

分类预测 | Matlab实现CPO-LSSVM冠豪猪算法优化最小二乘支持向量机数据分类预测

分类预测 | Matlab实现CPO-LSSVM冠豪猪算法优化最小二乘支持向量机数据分类预测 目录 分类预测 | Matlab实现CPO-LSSVM冠豪猪算法优化最小二乘支持向量机数据分类预测分类效果基本介绍程序设计参考资料 分类效果 基本介绍 1.Matlab实现CPO-LSSVM冠豪猪算法优化最小二乘支持向量…

【经典算法】LeetCode 5: 最长回文子串(Java/C/Python3实现含注释说明,Medium)

目录 题目描述思路及实现方式一:动态规划法思路代码实现Java版本C语言版本Python3版本 复杂度分析 方式二:中心扩展法思路代码实现Java版本C语言版本Python3版本 复杂度分析 总结相似题目 标签(题目类型):回文串、动态规划 题目描述 给定一…

OpenHarmony实战:瑞芯微RK3568移植案例

本文章是基于瑞芯微RK3568芯片的DAYU200开发板,进行标准系统相关功能的移植,主要包括产品配置添加,内核启动、升级,音频ADM化,Camera,TP,LCD,WIFI,BT,vibrato…

利用电动车进电梯检测系统识别电动车入楼行为,算法上实现的难点与方案

目前,我国电动自行车保有量已超过3.5亿辆。有限的充电场所难以满足日益增长的充电需求。许多人选择将电动车通过电梯带进家中充电。因此,火灾事故时有发生。数据显示,与电动车有关的起火事故占火灾总比35%。电梯空间狭小密闭,电动…

备战蓝桥杯(日益更新)(刷题)

备战蓝桥杯(日益更新)(刷题) 文章目录 备战蓝桥杯(日益更新)(刷题)前言:一、二分:1. acwing503 借教室:(二分 差分)2. ac…

计算机硬件组成

计算机硬件组成 基本组成核心组件连接方式与总线架构与技术特殊组件总结脑图 基本组成 CPU: 执行指令和进行数据处理内存: 存储程序和数据,分为RAM和ROM主板: 连接所有硬件的平台,传输电子信号输入设备: 如键盘、鼠标等输出设备: 如显示器、打印机等 核…

Taro框架中的H5 模板基本搭建

1.H5 模板框架的搭建 一个h5 的基本框架的搭建 基础template 阿乐/H5 Taro 的基础模板

OpenHarmony实战:轻量系统STM32F407芯片移植案例

介绍基于STM32F407IGT6芯片在拓维信息Niobe407开发板上移植OpenHarmony LiteOS-M轻量系统,提供交通、工业领域开发板解决方案。 移植架构采用Board与SoC分离方案,使用arm gcc工具链Newlib C库,实现了lwip、littlefs、hdf等子系统及组件的适配…

论文学习D2UNet:用于地震图像超分辨率重建的双解码器U-Net

标题::Dual Decoder U-Net for Seismic Image Super-Resolution Reconstruction ——D2UNet:用于地震图像超分辨率重建的双解码器U-Net 期刊:IEEE Transactions on Geoscience and Remote Sensing 摘要:从U-Net派生…