npm 拷贝项目到内网环境报错vue-cli-service不是内部或外部命令......

简介

为了巩固一下身为前端开发小菜鸟必备的脸面,从而让脸皮更加厚实一些,在这条道路活的更加滋润一些,故此开始整理一些项目中遇到的一些问题。
欢迎各位大牛莅临指导,从而让我在加厚脸皮的道路上走的更远,从而可以用脸皮挡子弹,挡导弹,挡核弹,然后无敌。哈哈哈!
这次遇到的问题是当完整的拷贝一份项目(包含node_modules依赖包)到内网环境时,它并不能正常的启动(内网已经下载好node,并且node和npm都是全局环境变量),会出现缺少vue-cli-service或者其他模块找不到的报错信息。

问题复现

设备

外网在mac系统上开发,要拷贝压缩打包一份到window系统上。

报错内容

在这里插入图片描述

探索原因

经过对比发现,在node_modules的.bin目录下,都是一些快捷方式(下面第一张图片),经过压缩文件夹再重新解压后发现,在window电脑上只包含一个指向真正资源的文件路径,通过文件路径可以找到真正的资源(下面第二张图片)。然而压缩后的文件并不是和原始项目一样是快捷方式,它无法直接指向真正的资源,因此在npm run serve的时候会报错。
在这里插入图片描述
在这里插入图片描述

探讨解决方法

  • 分别从tar、zip、tar.gz等不同的压缩方式,结合不同的压缩参数试图去解决存在快捷方式的问题,然而并没有什么用;
  • 从网上搜索了解到,是npm和cnpm打包方式的不同引起的这种问题,使用 npm install或者 cnpm install --by-npm,依然无用;抱着试一试的态度使用yarn去下载依赖,果然真的就是试一试,无效。
  • 不压缩,直接拷贝文件,花费时间太长,一个小时只拷贝了100mb,时间成本太高,划不来。
  • 当在npm中有本地缓存的时候,npm会率先从本地缓存中下载相应的依赖,如果找不到再去网上下载资源,因此我打算将本地依赖放到内网所在服务的npm下面,具有一定的实操性。然而在内网环境中使用npm install,总是报很多莫名其妙的错误,放弃。

最终解决方法

最终发现是mac系统和window系统对npm的支持存在一定的差异性,当在window系统使用npm install下载是不会创建快捷方式的,于是完美解决。

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当运行npm run dev时,出现错误"'vue-cli-service' 不是内部外部命令,也不是可运行的程序或批处理文件"。这个错误通常是由于在项目中缺少必要的依赖包或者配置问题引起的。 解决这个问题的方法如下: 1. 首先,确保你的项目中已经安装了vue-cli。你可以使用以下命令来全局安装vue-clinpm install -g @vue/cli。如果已经安装了vue-cli,请确保你的vue-cli版本是最新的。 2. 如果你的项目中已经安装了vue-cli,并且仍然遇到这个错误,那么可能是由于缺少项目依赖包导致的。你可以尝试删除项目根目录下的node_modules文件夹,并重新运行npm install或者npm i命令来安装项目依赖。 3. 如果以上方法仍然无法解决问题,那么可能是由于配置问题引起的。在新版的vue-webpack-template中,dev-server.js已经被webpack.dev.conf.js代替。你可以在webpack.dev.conf.js文件中查找配置本地访问的相关设置,并确保配置正确。 综上所述,当出现npm run dev报错"'vue-cli-service' 不是内部外部命令,也不是可运行的程序或批处理文件"时,你可以尝试全局安装vue-cli、重新安装项目依赖或者检查配置文件中的设置来解决问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [npm run dev 报错:‘vue-cli-service‘ 不是内部外部命令,也不是可运行的程序](https://blog.csdn.net/m0_59390994/article/details/122456568)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [运行npm run serve 报错vue-cli-service‘ 不是内部外部命令,也不是可运行的程序 或批处理文件。](https://blog.csdn.net/weixin_52191917/article/details/128933006)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [浅谈vue-cli加载不到dev-server.js的解决办法](https://download.csdn.net/download/weixin_38568031/13198943)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值