Cannot read properties of undefined (reading ‘extraneous‘) npm install时

项目为了上基线，把本地项目编译之后的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里面描述的三方包。

解决方法

经过分析之后，可以得出，一般情况下重新编译项目的时候不仅需要删除node_modules文件夹下面的所有文件，还要把package-lock.json文件删除掉。解决步骤如下所示：

1、删除项目编译的node_modules 文件夹下的所有文件，直接删除node_modules 文件夹即可；

2、在项目终端里面输入命令行删除package-lock.json文件，具体命令行如下所示：

rm -rf package-lock.json

或者手动直接删除package-lock.json文件即可。

3、操作完上述2步之后，重新初始化项目：

npm install

，项目编译成功，最后运行项目即可。