安装react-chartjs-2后React编译时查找My Pictures目录报错如何解决

解决方案 #

第一步：重置依赖缓存 #

• 手动删除项目根目录下的node_modules文件夹、package-lock.json文件
• 执行命令清空全局npm缓存：npm cache clean --force
• 重新执行依赖安装：npm install
  注：执行npm audit fix时经常会自动修改部分依赖的版本号，导致兼容性问题，重置依赖可以回退到你原有声明的版本规则

第二步：添加环境变量跳过不必要的扫描 #

该报错本质是Windows系统下「My Pictures」属于系统重解析点（软链接类的特殊目录），React编译阶段依赖的文件监听工具会误扫到该系统路径，添加以下配置即可规避：

• 在项目根目录新建.env文件（如果已有就直接编辑），添加一行配置：

SKIP_PREFLIGHT_CHECK=true

• 如果添加后仍报错，修改package.json中的start脚本为：

"start": "set CHOKIDAR_USEPOLLING=false && react-scripts start"

关闭chokidar的轮询模式后，就不会主动遍历无关的系统级目录

第三步：排查项目目录下的快捷方式 #

检查你的src、public文件夹下是否存在指向外部目录的快捷方式（.lnk文件），React编译时会遍历这两个目录下的所有文件，遇到快捷方式会尝试读取其指向的目标路径，就会触发这个报错，删除无关的快捷方式即可。

内容的提问来源于stack exchange，提问作者BJ Rutledge