解决npm警告：“npm WARN cleanup Failed to remove some directories”的方法

解决npm警告：npm WARN cleanup Failed to remove some directories

前言

在npm安装依赖包时，碰到了一连串的问题，解决了一下午，可以说是找遍了网上的方法，依旧难以解决。最后发现，直接删除目录下的文件夹就可以直接解决掉这个问题。“npm WARN cleanup Failed to remove some directories”。这个警告表示，在执行npm命令时，有一些目录无法被删除。

接下来，我将具体展示如何解决这个问题，可能不适用于所有情况，但最终成功安装上了我需要的依赖包。

实例背景

我面临的问题是，在VUE项目中下载安装@element-plus/icons-vue此依赖包，出现了npm WARN cleanup Failed to remove some directories等下图一系列的报错。

执行的命令为：

npm list element-plus @element-plus/icons-vue

具体解决的步骤如下：

1.阅读警告信息：找到以下行。

npm warn cleanup     'D:\\project\\OkPaper\\frontend\\node_modules\\element-plus',
npm warn cleanup     [Error: ENOTEMPTY: directory not empty, rmdir 'D:\project\OkPaper\frontend\node_modules\element-plus\dist']

2.确定要删除的目录。

报错信息显示：目录未空：npm 在删除旧的 element-plus 目录时遇到问题，提示该目录不为空。这可能导致新版本无法安装。所以此时我们应该手动删除这个包。

3.手动删除目录

找到文件所在目录，我的项目文件路径是：D:\project\OkPaper\frontend\node_modules。

找到应该删除的文件：

我们应该删除这个文件夹，但这里会出现一些小问题，必须要管理员权限才可以删除

解决方案：Win+R，进入cmd模式，进入该文件夹中，使用以下命令行：

rd /s 需要删除的文件夹名称

按回车健，即可完成删除。

4. 清除npm缓存

npm cache clean --force

5. 重新执行你需要的npm命令

在我的项目中，我需要重新安装该依赖包，即执行：

npm install element-plus @element-plus/icons-vue

执行之后就可以得到成功安装的结果

再次执行此命令行，如果可以得到版本号，即安装成功

至此，问题成功解决。

说明

应该说这是一个挺简单的小问题，但属实是困扰了我一下午，一直解决一直报错，最后仔细阅读了报错信息才发现，原来我项目中已经安装了这个依赖包，但没有安装成功，需要手动删除文件夹才可以重新安装。还是不够细心导致浪费了这么久的时间，希望能对其他遇到类似问题的读者带来一些帮助。