【VUE】vue报错“‘vue-cli-service‘不是内部或外部命令，也不是...”的解决办法

最新推荐文章于 2024-04-02 11:30:36 发布
VIP文章 最新推荐文章于 2024-04-02 11:30:36 发布
阅读量1.5k 收藏 3
点赞数
分类专栏： 前端 html 文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67393593/article/details/123220390
版权

问题描述

项目执行npm run serve后报错
在这里插入图片描述

产生原因

（最大概率原因）

由于在该代码中含有node_module依赖包，再拷贝到其他计算机时，项目路径发生变化，导致找不到vue-cli-service于是报错

（其他出错情况，见下文扩展）

因为该问题是出现在其他计算机上的，我本机上一直没有问题没有复现出bug，所以出错原因只是分析得出。而出现这个报错的情况也不止这一种，具体写在下文扩展中。

解决办法

  1. 删除node_module文件夹
  2. npm install
  3. npm run serve
    即可解决。注意在项目拷贝或git时，要省略掉node_module

扩展内容

可能原因1（极大概率）
最低0.47元/天 解锁文章
m0_67393593
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue.js的手脚架vue-cli项目搭建的步骤
01-19
手脚架是什么？ 众所周知，现在的前端项目发展得越渐越大，我们前端程序员要从0开始去搭建一套完整的项目很费时，所以这时候前端工程的手脚架就出现了。 我用得vue-cli也是其中之一，还有其他的我也说不清，我就说一下我接触比较多的这款vue-cli， 但是所有手脚架的核心：都是为了能够快速搭建一个完整的项目的结构，开发者只需要在生成的项目结构的基础上进行开发即可，非常简单高效。 然后， vue-cli 的脚手架项目模板有browserify 和 webpack ,vue-lic这个手脚架是把预定义的模板（存放在不同的服务器上）复制到本地作为项目初始结构， 官网给出了两个模板： webpack-si
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
在使用vue开发过程中，难免需要去本地数据地址进行请求，而原版配置在dev-server.js中，新版vue-webpack-template已经删除dev-server.js，改用webpack.dev.conf.js代替，所以 配置本地访问在webpack.dev.conf.js里配置即可。 #webpack.dev.conf.js //首先 // nodejs开发框架express，用来简化操作 const express = require('express') // 创建node.js的express开发框架的实例 const app = express() // 引用的json地
‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序
舒一笑的博客
02-12 1万+
目录缺失了必要的包，或者局部安装的Vue CLI没有被正确设置到系统的PATH环境变量中。如果问题仍然存在，请检查你的项目配置和环境设置，确保没有其他问题干扰到Vue CLI的正常工作。的错误时，通常意味着Vue CLI没有被正确安装或配置在项目中。按照这些步骤，你应该能够解决关于。在Windows上，你可以使用。
【已解决】‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
最新发布
m0_59778008的博客
04-02 2182
确保 Vue CLI 安装目录已添加到系统的 PATH 环境变量中。这样系统就可以在任何地方找到 Vue CLI 的命令。如果上述步骤没有解决问题，尝试重新安装 Vue CLI。通过以上步骤，应该就能解决这个问题了。
vue-cli-plugin-component-创建组件的Vue CLI 3插件-Vue.js开发
05-27
vue-cli项目的vue-cli-plugin-component组件插件│README.md│LICENSE（可选）└───src│├──index.js│└───components│vue-cli-plugin-component组件vue-cli项目的插件│README.md│LICENSE（可选）└───src│├──index.js│└───components│└───Mycomponent.vue│└───示例├── App.vue├──main.js功能调整构建脚本以仅构建组件。 使用服务脚本提供演示页面。 在发布带有组件信息的组件Update README.md之前，创建一个prepublishOnly脚本来运行构建（可选），并使用ComponentFixture开发组件
vue-cli.rar
12-24
vue-cli官方离线教程，2019年12月从官网拔下来的，供大家下载学习.............
npm run dev 出现 ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序
热门推荐
weixin_43840373的博客
08-17 8万+
一、npm run dev 出现 ‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序 问题： 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue[email protected] dev: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed
vue-cli-service 不是内部或外部命令，也不是可运行的程序或批处理文件
ideal-lingyun
03-21 3万+
vue-cli-service 不是内部或外部命令，也不是可运行的程序或批处理文件
vue-cli-service不是内部或外部命令,也不是可运行的程序
weixin_61728046的博客
10-13 7万+
vue-cli-service不是内部或外部命令,也不是可运行的程序 错误
Vue项目执行时报错：‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
Song22311974的博客
05-31 1万+
Vue项目在项目的目录下执行npm run serve或npm run dev时报错。
vue-cli-plugin-electron-builder-适用于Electron的Vue CLI 3插件，无需使用Electron Builder的必需配置。-Vue.js开发
05-27
Vue CLI插件Electron Builder可以轻松构建带有Electron Build状态的台式机Vue.js应用程序：快速入门：在Vue CLI Plugin Electron Builder可以轻松地构建带有Electron Build状态的台式机Vue.js App桌面。 ：在使用Vue-CLI 3或4创建的应用程序目录中打开一个终端（建议使用4）。 然后，通过运行以下命令安装并调用vue-cli-plugin-electron-builder的生成器：vue add electronic-builder就是这样！ 您准备好出发了！ 要启动开发服务器，请执行以下操作：如果您使用Yarn（强烈建议使用）：yarn electronic：serve或如果您使用NPM：npm run electronic：serve
vue-cli-plugin-auto-routing:自动解决页面和布局路由
05-02
vue-cli-plugin-自动路由 提供自动路由功能的Vue CLI插件。 概述 确保您处于由Vue CLI> = v3生成的项目中。 您可以通过运行以下命令来安装此插件： # If you did not install router plugin yet $ vue add router # Install vue-cli-plugin-auto-routing $ vue add auto-routing 添加插件后，文件结构如下。 src/ ├── pages/ ├── layouts/ └── router/ 页数 pages/目录下的.vue文件将被自动解析以生成路由。 Vue路由器的routes选项将使用pages/下的文件结构进行配置。 生成的路由与相同。 请注意，以__ （两个下划线，例如__foo__.vue ）开头和结尾的目录和文件将被忽略。 例如，当
vue-cli4-config：vue-cli4配置vue.config.js持续更新
02-06
禁止私自转载。运营公众号，社交账号，请坚持原创。勿做知识剽窃者！ vue-cli4全面配置（持续更新） 细致全面的vue-cli4配置信息。涵盖了使用vue-cli开发过程中大部分配置需求。 不建议直接拉取此项目作为模板，希望能按照此教程按需配置，或者复制vue.config.js增删配置，并自行安装所需的依赖项。 vue-cli3配置见。 其他系列 ★ ★ 目录 :check_mark_button:配置多环境变量 通过在package.json里的脚本中配置项中添加--mode xxx来选择不同的环境 仅以VUE_APP开头的变量会被webpack.DefinePlugin静态嵌入到客户端侧的包中，代码中可以通过pro
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个页面 watch-multi : 并行观看多个页面 你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目没有对应的文件，命令会生成vue.config.js 、 Views.json文件 多建 该命令将在上面生成配置的位置构建您的条目，您可
安装vue-cli的简易过程
12-11
安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，如果该命令不可用，需要安装node软件包，根据你的系统版本选择下载安装就可以了。 一、安装vue-cli 在命令行工具输入： npm install vue-cli -g -g:代表全局安装。用vue -V 来检查你安装版本号（-V，是大写的） 二、初始化项目 我们用vue init 命令来初始化项目： vue init <template> <project-nam
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
解决措施：‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件
追求卓越
05-28 2万+
1. Vue CLI 没有安装：您需要先全局安装 Vue CLI 才能使用`vue-cli-service`命令。2. 依赖项未安装：如果您已经安装了 Vue CLI，但仍然遇到此问题，可能是因为您的项目缺少必要的依赖项。请进入您的项目目录，并运行npm install命令，以确保安装了项目所需的所有依赖项。根据您提供的错误信息，看起来您在执行`vue-cli-service`命令时遇到了问题。请确保您的环境变量配置正确，包括将 Vue CLI 添加到您的 PATH 环境变量中。
vue-cli-service’不是内部或外部命令，也不是可运行的程序或批处理文件。
weixin_35751412的博客
01-06 1万+
这个错误的意思是你的系统找不到 vue-cli-service 这个命令。 有几种可能的原因： 你的系统上可能没有安装 vue-cli，你可以通过运行 npm install -g @vue/cli 来安装它。 如果你已经安装了 vue-cli，但仍然看不到 vue-cli-service 这个命令，那可能是因为你的系统的环境变量没有配置正确。你可以尝试重新打开命令行窗口，或者在命令行中输入 ...
vue启动报错 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序
12-30
当出现报错 `'vue-cli-service' 不是内部或外部命令，也不是可运行的程序` 时，通常是因为缺少了 `vue-cli-service` 这个命令。这个命令是用来启动 Vue 项目的。 解决这个问题的方法是先安装 `@vue/cli`，然后再执行 `npm run serve`。 以下是解决方法的步骤： 1. 首先，确保你已经安装了 Node.js。你可以在命令行中输入 `node -v` 来检查是否已经安装。 2. 接下来，使用 npm 全局安装 `@vue/cli`。在命令行中输入以下命令： ```shell npm install -g @vue/cli ``` 3. 安装完成后，进入你的 Vue 项目的根目录。 4. 在项目根目录下，执行以下命令来安装项目的依赖： ```shell npm install ``` 5. 安装完成后，再次执行 `npm run serve` 命令来启动项目： ```shell npm run serve ``` 如果一切顺利，你的 Vue 项目应该能够成功启动。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值