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

最新推荐文章于 2023-05-31 16:58:55 发布
最新推荐文章于 2023-05-31 16:58:55 发布
阅读量1.8k 收藏 3
点赞数
分类专栏： 前端 html 文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67393593/article/details/123220390
版权
当Vue项目在不同计算机上运行时，由于node_module依赖路径变化，可能导致'vue-cli-service'报错。解决方法包括删除node_module文件夹，检查全局配置，确保Vue版本匹配，以及确认vue.config.js没有引起冲突。如果Vue版本不匹配，需根据package.json安装对应版本。若vue.config.js影响，可删除或调整配置。
摘要由CSDN通过智能技术生成

问题描述

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

产生原因

（最大概率原因）

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

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

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

解决办法

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

扩展内容

可能原因1（极大概率）
1. 没有node_module
2. 有node_module但没有vue-cli-serve文件
3. 依赖包损坏
解决方式

                

                
                
        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  m0_67393593
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
vue-cli系列之vue-cli-service整体架构浅析

				
			

			

				

					12-07
				

			

		

		

			
				
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...

			
		

	



                

            
              



	

		

			

				
					
‘vite‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。 —— 本地有vite环境但却跑不起项目？

					
最新发布

				
			

			

				

					weixin_73334344的博客
				

				

					09-20
					
					1366
					
				

			

		

		

			
				
一般为了节流等多方面原因，项目打包时一般不会包括node模块，git管理进行push推送时也不会对node_modules文件夹进行推送，npm i，很微不足道的一个细节，但是新手容易踩坑还意识不到问题出在哪。

			
		

	



              


  
              

                


	

		

			

				
					
‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序

				
			

			

				

					datouniao1的博客
				

				

					01-11
					
					1万+
					
				

			

		

		

			
				
从github上面下载了一个项目，在本地执行

但是一直出现这样的错误

vue-cli-service不是内部命令


> vue-cli-service serve

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! ofd.js@0.2.6 serve: `vue-cli-service serve`
npm ERR! Exit status 1
n..

			
		

	





	

		

			

				
					
npm run dev 出现 ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序

					
热门推荐

				
			

			

				

					weixin_43840373的博客
				

				

					08-17
					
					9万+
					
				

			

		

		

			
				
一、npm run dev 出现 ‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序
问题：
'vue-cli-service' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-element-admin@4.2.1 dev: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed

			
		

	



		

			
		



	

		

			

				
					
Vue项目执行时报错：‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件

				
			

			

				

					Song22311974的博客
				

				

					05-31
					
					2万+
					
				

			

		

		

			
				
Vue项目在项目的目录下执行npm run serve或npm run dev时报错。

			
		

	





	

		

			

				
					
vue-cli-service 不是内部或外部命令，也不是可运行的程序或批处理文件

				
			

			

				

					ideal-lingyun
				

				

					03-21
					
					3万+
					
				

			

		

		

			
				
vue-cli-service 不是内部或外部命令，也不是可运行的程序或批处理文件

			
		

	





	

		

			

				
					
vue-cli-service不是内部或外部命令,也不是可运行的程序

				
			

			

				

					weixin_61728046的博客
				

				

					10-13
					
					7万+
					
				

			

		

		

			
				
vue-cli-service不是内部或外部命令,也不是可运行的程序 错误

			
		

	





	

		

			

				
					
浅谈vue-cli加载不到dev-server.js的解决办法

				
			

			

				

					11-28
				

			

		

		

			
				
在Vue.js开发中，我们经常会使用Vue CLI工具来快速搭建项目环境。然而，在更新到较新的VueWebpackTemplate时，可能会遇到“vue-cli加载不到dev-server.js”的问题。这是因为旧版本中，开发服务器的配置通常在dev-...

			
		

	





	

		

			

				
					
用Vue-cli搭建的项目中引入css报错的原因分析

				
			

			

				

					08-29
				

			

		

		

			
				
Vue-cli项目中引入css报错的原因分析  在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。  问题描述  在使用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（可选）└─...

			
		

	





	

		

			

				
					
安装vue-cli报错 -4058 的解决方法

				
			

			

				

					08-29
				

			

		

		

			
				
在处理完上述步骤之后，应该能够解决安装vue-cli报错-4058的问题。当然，在进行这些操作之前，最好先确保网络连接是通畅的，以避免因网络问题导致的安装失败。如果网络连接没有问题，那么更换npm源应该是解决问题的...

			
		

	





	

		

			

				
					
vue-cli-plugin-auto-routing:自动解决页面和布局路由

				
			

			

				

					05-02
				

			

		

		

			
				
 您可以通过运行以下命令来安装此插件： # If you did not install router plugin yet$ vue add router# Install vue-cli-plugin-auto-routing$ vue add auto-routing 添加插件后，文件结构如下。 src/├── pages/...

			
		

	





	

		

			

				
					
vue-cli-plugin-electron-builder-适用于Electron的Vue CLI 3插件，无需使用Electron Builder的必需配置。-Vue.js开发

				
			

			

				

					05-27
				

			

		

		

			
				
然后，通过运行以下命令安装并调用vue-cli-plugin-electron-builder的生成器：vue add electronic-builder就是这样！ 您准备好出发了！ 要启动开发服务器，请执行以下操作：如果您使用Yarn（强烈建议使用）：yarn ...

			
		

	





	

		

			

				
					
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作

				
			

			

				

					10-14
				

			

		

		

			
				
npm install -g @vue/cli-init ```  安装后，你依然可以使用 `vue init` 命令来创建基于 Vue CLI 2.x 的项目。  **Vue Router 的导航守卫** 在 Vue 应用中，`vue-router` 提供了导航守卫功能，允许我们在路由变化时...

			
		

	





	

		

			

				
					
解决措施：‘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' 不是内部或外部命令，也不是可运行的程序 或批处理文件。'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。...

				
			

			

				

					weixin_42605397的博客
				

				

					02-15
					
					1万+
					
				

			

		

		

			
				
这个错误消息表明，系统无法识别 'vue-cli-service' 命令，也就是说系统中没有找到对应的可执行文件。
这通常是因为命令的环境变量没有配置正确导致的。
解决方法：

确保已经全局安装了 vue-cli： npm install -g @vue/cli
尝试使用绝对路径运行 vue-cli-service，例如：/usr/local/bin/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、付费专栏及课程。

              

            

          

      

      余额充值