2021-05-19

前言

最近在学习webpack，说实话有点复杂，尤其是对我这个刚入行的菜鸟而言问题诸多。
那么我就来说一说我在使用npm安装包时遇到的问题，以及是如何解决的。
学习webpack，主要的就是如何配置webpack.config.js文件，以及下载各种依赖包，而我主要想说的就是npm下载包的问题

1.包下载的几种方式

对于包现在的几种方式，我想有必要提一下：

1.包作为开发阶段使用时的安装

npm i 包名称 -D
//例如 npm i html-loader -D
//完整写法  npm install html-loader -D

其中，i 是install的简写形式，-D则表示此依赖包为开发阶段使用的依赖，可以在package.json文件的devDependencies属性中查看
也可以在安装时，控制安装包的版本，如下：

npm install 包名称 --save-dev@版本号

2.包作为运行阶段时使用的安装

npm install 包名称--save@版本号
// 只需要将--save-dev 变为--save即可

此安装的包，可以在package.json文件的dependencies属性中查看

3.包的全局安装

npm install 包名称 -g@版本号

2.安装包时遇错误

对于包的安装，一般都不会出错，即使出错也是一些环境配置问题，绝大多数，只要安装好nodejs以及npm都不会有问题。
下面简单来说一下我遇到的错误，以及我处理处理错误的思路！！！！

对于这种问题，如果之后不再安装与这个包有关的依赖包，那么就可以无需管，不会影响程序的运行，如果是使用webpack打包，也不会影响webpack的打包。
但是，如果之后还需安装与之有关的依赖包，那么极有可能出错，如下：

此时，如果运行程序，亦或是webpack打包，都会报错，而且webpack打包会报错
此时，解决办法，就是运行自动漏洞补丁

**npm audit fix**

但这个方法一般都不会有效果（我使用了之后没有效果，个人感觉）
没有效果不要急，我们慢慢解决它
运行命令：

**npm audit**
// 此命令会列出报错的依赖包 

此时，我们可以看到，是哪些依赖包出现了错误，我自己的解决的办法就是，把这些出现漏洞的依赖包卸载之后重新依次安装（更换包的安装方式，或者使用不同的终端），大多数情况下，都会解决问题。

ps:是否报错与终端的使用也是有关的

很多编程软件都有终端，在软件内部的终端上使用命令安装包也是可以的，但是有时候也会报错。
此时，如何更换为cmd或者powershell安装或许就不会报错了，而且有些插件的安装还需提供管理员身份，将cmd或者powershell用管理员身份运行即可。

总结

以上就是我个人在安装npm包时遇到的问题，以及解决思路，在此分享给大家，尽管没有什么干货，但还是希望能够帮到看到的朋友。
ps: 菜鸟文，欢迎各路大神批评指正！！！