前端开发：npm install 报错npm ERR! Cannot read property ‘extraneous‘ of undefined的解决方法

前言

项目为了上基线，把本地项目编译之后的node_modules文件和dist文件都删掉了，然后上完基线之后，重新编译本地项目代码，结果初始化项目失败，提示无法读取未定义的“外部”属性，原因就是上一次编译的项目包没有处理干净造成的报错，那么本篇博文就来分享一下相关的解决方法。

报错提示

在删除本地项目编译生成的node_modules文件夹，然后重新编译项目：npm install 然后项目报错，报错信息如下所示：

admin@MacBook-Pro Project % npm install

npm ERR! Cannot read property 'extraneous' of undefined



npm ERR! A complete log of this run can be found in:

npm ERR!     /Users/admin/.npm/_logs/2021-07-16T02_50_26_885Z-debug.log

分析

通过上述报错信息可以看到，在重新编译项目的时候编译失败，无法读取未定义的“外部”属性，原因就是前一次的项目编译残留在package-lock.json文件中的三方包引起的。如果只删除了项目编译的node_modules文件夹，未删除package-lock.json文件，然后直接进行npm install ，那么只会安装package-lock.json里面描述的三方包。