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

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

相关推荐

  1. vite+vue+ts项目解决方案

    2024-04-09 16:52:03       27 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-09 16:52:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-09 16:52:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-09 16:52:03       87 阅读
  4. Python语言-面向对象

    2024-04-09 16:52:03       96 阅读

热门阅读

  1. git分支-分支管理

    2024-04-09 16:52:03       33 阅读
  2. Python模拟退火算法

    2024-04-09 16:52:03       35 阅读
  3. Docker 国内镜像

    2024-04-09 16:52:03       31 阅读
  4. Linux_实用技巧

    2024-04-09 16:52:03       33 阅读
  5. 【接口】HTTP(2) |请求方法及状态码

    2024-04-09 16:52:03       38 阅读
  6. 程序员如何搞副业

    2024-04-09 16:52:03       32 阅读
  7. Leetcode 459. 重复的子字符串

    2024-04-09 16:52:03       32 阅读
  8. Qt状态机

    2024-04-09 16:52:03       37 阅读
  9. 文心一言 vs. GPT-4: 全面比较

    2024-04-09 16:52:03       39 阅读
  10. gcc/g++:编译阶段翻译成优化的平台汇编代码

    2024-04-09 16:52:03       41 阅读