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

报错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 中移除对该文件的引用。

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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

ubuntu下NTFS分区无法访问挂载-解决办法!

Ubuntu系统下,有的时候发现,挂载的NTFS文件系统硬盘无法访问。点击弹出类似问题: Error mounting /dev/sda1 at /media/root/新加卷: Command-line mount -t "ntfs" -o "uhelperudisks2,nodev,nosuid,uid0,gid0" "/…

为什么电脑越用越慢!

电脑随着时间推移逐渐变慢是一个常见的现象,其背后涉及多种原因。以下是导致电脑运行速度变慢的几个主要因素: 系统资源消耗增加 软件更新与新增应用:随着软件版本的更新和新应用程序的安装,它们往往对硬件资源的需求更高,尤其是对处理器、内存和硬盘的要求。这些新软件可…

LeetCode 53. 最大子序和

解题思路 相关代码 class Solution {public int maxSubArray(int[] nums) {//f[i]是以nums[i]结尾的连续子数组的最大和。int f[] new int[100010];f[0] nums[0];int resnums[0];for(int i1;i<nums.length;i){f[i] Math.max(f[i-1]nums[i],nums[i]);res Math.max(res,f…

(WSI分类)WSI分类文献小综述 2024

2024的WSI分类。 Multiple Instance Learning Framework with Masked Hard Instance Mining for Whole Slide Image Classification &#xff08;ICCV2024&#xff09; 由于阳性组织只占 Gi- gapixel WSI 的一小部分&#xff0c;因此现有的 MIL 方法直观上侧重于通过注意力机…

算法——倍增

. - 力扣&#xff08;LeetCode&#xff09; 给你一棵树&#xff0c;树上有 n 个节点&#xff0c;按从 0 到 n-1 编号。树以父节点数组的形式给出&#xff0c;其中 parent[i] 是节点 i 的父节点。树的根节点是编号为 0 的节点。 树节点的第 k 个祖先节点是从该节点到根节点路径…

关于ansible的模块 ⑤

转载说明&#xff1a;如果您喜欢这篇文章并打算转载它&#xff0c;请私信作者取得授权。感谢您喜爱本文&#xff0c;请文明转载&#xff0c;谢谢。 继《关于Ansible的模块 ①》、《关于Ansible的模块 ②》、《关于Ansible的模块 ③》与《关于Ansible的模块 ④》之后&#xff0c…

GPT提示词分享 —— 中医

&#x1f449; 中医诊断涉及因素较多&#xff0c;治疗方案仅供参考&#xff0c;具体的方子需由医生提供。AI建议不能替代专业医疗意见&#xff0c;如果症状严重或持续&#xff0c;建议咨询专业医生。 我希望你能扮演一位既是老中医同时又是一个营养学专家&#xff0c;我讲描述…

【前端Vue】Vue0基础完整教程第6篇:vue指令(下),成绩案例【附代码文档】

Vue从0基础到大神学习完整教程完整教程&#xff08;附代码资料&#xff09;主要内容讲述&#xff1a;vue基本概念&#xff0c;vue-cli的使用&#xff0c;vue的插值表达式&#xff0c;{{ gaga }}&#xff0c;{{ if (obj.age > 18 ) { } }}&#xff0c;vue指令&#xff0c;综合…

实验2 路由器基本配置

实验2 路由器基本配置 一、 原理描述二、 实验目的三、 实验内容四、 实验步骤1.建立实验拓扑2.基础配置3.配置路由器接口IP地址4.查看路由器配置信息5.连通性测试6.使用抓包工具 一、 原理描述 华为设备支持多种配置方式&#xff0c;操作人员要熟悉使用命令行的方式进行设备管…

小程序解析二维码:jsQR

1.了解jsQR jsQR是一个纯javascript脚本实现的二维码识别库&#xff0c;不仅可以在浏览器端使用&#xff0c;而且支持后端node.js环境。jsQR使用较为简单&#xff0c;有着不错的识别率。 2.效果图 3.二维码 4.下载jsqr包 npm i -d jsqr5.代码 <!-- index.wxml --> &l…

大模型笔记:Prompt tuning

1 NLP模型的几个阶段 1.1 第一阶段&#xff08;在深度学习出现之前&#xff09; 通常聚焦于特征工程&#xff08;feature engineering&#xff09;利用领域知识从数据中提取好的特征 1.2 第二阶段&#xff08;在深度学习出现之后&#xff09; 特征可以从数据中习得——>…

Hololens2远程音视频通话与AR远程空间标注,基于OpenXR+MRTK3+WebRTC实现

Hololens2远程音视频通话与AR远程空间标注 使用Unity2021.3.21版本开发&#xff0c;基于OpenXRMRTK3.0WebRTC实现。 &#xff08;1&#xff09;通过视频获取视频帧的矩阵的方法可以参考&#xff1a;https://learn.microsoft.com/zh-cn/windows/mixed-reality/develop/advanced…

深度学习-多尺度训练的介绍与应用

一、引言 在当今快速发展的人工智能领域&#xff0c;多尺度训练已经成为了一种至关重要的技术&#xff0c;特别是在处理具有复杂结构和不同尺度特征的数据时。这种技术在许多应用中发挥着关键作用&#xff0c;例如图像识别、自然语言处理和视频分析等。 多尺度训练的定义 多尺…

pandas(day8 市场分析案例)

一. 相关知识 数据报告 : - 传统零售 : - 代理商 : 压货 挣差价 - 层层分级别 - 网络零售 : - 代运营 : 了解代理品牌 了解品类市场 竞品 - 数据报告 PPT(活动) (日报EXCEL 周报 月报) 二. 读取数据(循环一次性读取下列文件) .\\灭鼠杀虫剂市场近三年交易额.xlsx.\\电蚊香套装…

scFed:联邦学习用于scRNA-seq分类

scRNA-seq的出现彻底改变了我们对生物组织中细胞异质性和复杂性的理解。然而&#xff0c;大型&#xff0c;稀疏的scRNA-seq数据集的隐私法规对细胞分类提出了挑战。联邦学习提供了一种解决方案&#xff0c;允许高效和私有的数据使用。scFed是一个统一的联邦学习框架&#xff0c…

自动化测试-web

一、自动化测试理论&#xff1a; UI: User Interface &#xff08;用户接口-用户界面&#xff09;&#xff0c;主要包括&#xff1a;app 和webUI自动化测试&#xff1a;使用工具或代码执行用例的过程什么样的项目适合做自动化&#xff1a; 需要回归测试项目&#xff08;甲方自…

基于令牌桶算法对高并发接口的优化

业务背景 项目中有一个抽奖接口&#xff0c;此接口需要处理高并发问题以及使用脚本作弊的问题。 本文主要探讨如何最大程度地减少脚本作弊行为对抽奖业务的影响。 设计思路 如何减少脚本作弊行为对抽奖业务的影响 使用令牌桶算法&#xff0c;对频率过高的用户请求进行拦截 …

基于ros的相机内参标定过程

基于ros的相机内参标定过程 1. 安装还对应相机的驱动2. 启动相机节点发布主题3. 下载camera_calibartion4. 将红框的文件夹复制在自己的工作空间里边&#xff0c;编译5. 标定完成以后&#xff0c;生成内参参数文件camera.yaml。将文件放在对应的路径下&#xff0c;修改config文…

vex-table—— 获取插入或修改数据后的tableData

例子来自vxe-table。在开发过程中发现新增数据后&#xff0c;输出this.tableData&#xff0c;发现数据并没有被修改 想要获取更新的数据方式为 mounted () {const $table this.$refs.xTableconsole.log("&#x1f680; ~ mounted ~ $table:", $table.tableData)},

[开源] 基于transformer的时间序列预测模型python代码

分享一下基于transformer的时间序列预测模型python代码&#xff0c;给大家&#xff0c;记得点赞哦 #!/usr/bin/env python # coding: 帅帅的笔者import torch import torch.nn as nn import numpy as np import pandas as pd import time import math import matplotlib.pyplo…