翻车现场: 解决Vue.js 中 npm install 与cnpm install 安装冲突问题

素颜马尾好姑娘i 2023-02-22 13:36 37阅读 0赞

# 翻车现场: #

## 问题原因: ##

> 使用前端vue.js 项目创建时,需要下载模块文件包,也就是node\_modules包, 为了更快速下载,使用 cnpm install 的命令去下载, 然后可以正常的使用,但是,突然,写代码的时候,需要用一些新的模块文件,而node\_modules 中没有下载, 这时使用
> 
> npm install 去下载需要的模块, 嗯,....然后失败了,然后想这算了,可能没下载好,然后重新执行命令,还是下载命令报错(如下图)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70][]

> 然后呢,想着算了,待会再下载去, 继续编写代码,运行项目时, 使用 命令npm run dev 启动时 ,突然,报错了，之前能使用的模块,现在直接找不到了

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 1][]

## 解决: ##

*  众所周知 在前端vue.js 项目进行下载依赖模块文件的时候,  使用 cnpm install 命令进行下载时比较快的,
 *  因为他下载文件来源指的是的国内的npm镜像源，而npm是使用的国外的镜像源,使用npm就比较慢

> 但是有个问题需要注意:
> 
> 当一开始,使用 cnpm install 安装了大致全部模块后, 再用 npm install 去安装某一新模块的时候, 就会导致模块文件错杂了
> 
> 最终使得原本可以使用的模块也无法使用

> 这时可以使用终极大招:
> 
> 把 node\_modules删了  始终都使用 npm install 去下载即可解决
> 
> 还有一种情况,在你没交错使用这两个命令前,一定得注意, 使用npm install 命令了后面下载新模块时,最好 还是使用 npm install
> 
> 使用 一开始使用了cnpm install 命令下载了 后面下载新模块就 还是 使用 cnpm install ,
> 
> 这样就可以避免这样的问题报错出现啦~~~

看完恭喜你,又知道了一点点!!!

**你知道的越多,不知道的越多! **

**~感谢志同道合的你阅读,  你的支持是我学习的最大动力 ! ****加油 ,陌生人一起努力,共勉!!**

> **注: 如果本篇有需要改进的地方或错误,欢迎大神们指定一二~~**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200703211628232.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200703213518363.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx,size_16,color_FFFFFF,t_70