vue导入他人项目启动缺少模块且npm install 安装失败

末蓝、 2023-09-29 18:32 17阅读 0赞

#### 目录 ####

*   *   *   *  1、引入国内的npm下载镜像
             *  2、删除node\_moudle，package.json，package-lock.json

笔者在拉取其他人的vue项目的时候，发现在启动的时候总是说某个某个模块缺少，尝试使用npm安装该模块却发现找不到

于是乎我可能就在怀疑有可能是node npm两个的版本的问题，导致某些包的位置或者名称。  
尝试把模块包删除后重新安装，最后结果还是不行。

于是也和一些前端朋友交流了一下，成功解决，一下总结几点，帮助后来者初学者排查自己的错误，如有大佬发现我说错了，感谢更正！

**共勉！**

##### 1、引入国内的npm下载镜像 #####

当我们需要从网络上的资源库下载资源的时候，很多时候我们会发现速度特别慢或者会下载失败。这是因为很多的这些资源库存放地址都是在国外，我们访问国外的网络自然会比较慢，国内大部分都有这种情况，所以很多有自己服务器资源的人或者公司团队，会无偿的提供自己的服务器资源来保存这些存放在国外服务器的资源，并且定时更新。

像国内几个比较有名的[清华开源镜像][Link 1]，[阿里云镜像][Link 2]等，都是做这类服务的镜像站。

我们使用 `npm install`下载资源的时候，也是走国外的资源仓库，所以下载模块资源失败的时候我们首先应该解决的是资源地址的问题。因为很有可能是因为网络问题导致下载失败。

对于npm的国内镜像，比较常用的就是淘宝的镜像，安装方法可以直接复制以下代码，在cmd命令行文件中执行

`npm install -g cnpm -registry=https://registry.npm.taobao.org`

随后把`npm install` 改成 `cnom install`即可

如果此方法安装失败可以自行百度，关键词**cnpm安装**。

##### 2、删除node\_moudle，package.json，package-lock.json #####

我们通过npm install下载的vue的插件包都放在**node\_moudle**里面，旧的版本中是没有**package-lock.json**这个文件的。

当我们导入别人的vue项目，执行`cnpm install`的时候，首先会检查**package.json**里的插件和版本，看一下**node\_moudle**中是否有这个插件，没有就下载，如果有就检查版本是否为最新的，不是就自动下载。

新版本会加入一个**package-lock.json**文件，引入这个文件后，会在**package.json**保存项目需要的依赖插件，在**package-lock.json**保存其版本。因此新版本执行`cnpm install`的时候就不会自动更新插件的版本，会和**package-lock.json**记录的版本保持一致。

当我们导入项目并安装插件失败的时候，可以尝试把这三个文件都删除了，重新执行一遍`cnpm insall`尝试能否安装成功。

[Link 1]: https://mirrors.tuna.tsinghua.edu.cn/
[Link 2]: https://developer.aliyun.com/mirror/

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue导入他人项目启动缺少模块且npm install 安装失败

目录 1、引入国内的npm下载镜像 2、删除node\_moudle，package.json，package-lo

末蓝、/ 2023年09月29日 18:32/ 0 赞/ 18 阅读

相关 Electron学习笔记2：electron安装失败、npm start启动缺少cli.js

全局安装时，无论是否指定镜像，都会报错：![20191027131817752.png][] 搜了一下，应该是最新的Electron版本有问题。如果你也有类似的问题，可以试着

我会带着你远行/ 2023年06月10日 11:21/ 0 赞/ 141 阅读

相关 npm install -g @vue/cli 失败

npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND npm ERR! network request to

ゝ一纸荒年。/ 2023年02月18日 01:55/ 0 赞/ 50 阅读

相关使用 npm 启动vue项目

在cmd中找到vue项目存放的路径，例如我是在E盘根目录下创建了一个名为vue01的项目，首先在cmd中输入 "E:" ，然后按回车，然后输入 "cd vue01" ，

深藏阁楼爱情的钟/ 2022年12月10日 03:45/ 0 赞/ 722 阅读

相关 node - Vue 项目 npm install 安装依赖时报错

报错信息 > `node-sass` 依赖的二进制文件 `binding.node` 源被 `Google` 墙挡住了， `npm install` 下载不了，因此 `n

秒速五厘米/ 2022年08月30日 12:54/ 0 赞/ 402 阅读

相关 npm install webpack失败

npm install webpack失败 -------------------- 一、环境 > npm -v : 3.10.10（yum install np

待我称王封你为后i/ 2022年06月03日 02:38/ 0 赞/ 220 阅读

相关安装npm install --save vue-scroller失败

npm install --save vue-scroller 使用npm命令安装vue-scroller失败，如下图 ![70][] 把命令换成

分手后的思念是犯贱/ 2022年05月12日 13:48/ 0 赞/ 574 阅读

相关 npm install 安装失败备忘录（实用）

一、[npm install 安装出错时尝试过的方法][npm install] 1、改由国内下载：`npm config set registry https://regi

阳光穿透心脏的1/2处/ 2022年04月24日 10:08/ 0 赞/ 256 阅读

相关 npm install -g vue-cli 安装失败的解决方法

npm install -g vue-cli 安装失败的解决方法错误信息如下 Microsoft Windows [版本 10.0.17134.706]

Bertha 。/ 2022年01月30日 09:04/ 0 赞/ 1335 阅读

相关 npm install 失败

问题： ![20190819222702662.png][] 解决：删除node\_modules 文件，运行 npm cache clean --force ，重新跑

叁歲伎倆/ 2021年10月19日 08:46/ 0 赞/ 440 阅读