如何解决React.js中Module not found: Empty dependency错误？

错误原因 #

你的编译错误完全来自./src/components/portfolio/Portfolio.jsx第9行的空导入语句：

import IMG4 from ''

打包工具（如Webpack）无法解析空的依赖路径，直接抛出Empty dependency错误——这个问题和npm包无关，所以重新安装npm包无法解决。

修复方案 #

根据你的需求选择以下一种方式：

• 如果该项目暂未准备图片：
  1. 删除第9行的空导入语句import IMG4 from ''
  2. 修改data数组中id为4的对象，移除无效的image: IMG4字段，或者替换为默认占位图路径：

     {
       id: 4,
       // 移除image字段，或替换为实际存在的图片路径
       // image: require('../../assets/placeholder.jpg'),
       title: '',
       github: '',
       demo: ''
     }
     

• 如果后续要添加图片：
  先将导入语句修改为对应图片的正确路径，比如：

  import IMG4 from '../../assets/your-project-image.jpg'
  

验证 #

修改完成后，重新执行编译命令（npm start或npm run build），错误即可消除。

内容的提问来源于stack exchange，提问作者chanwoo Hwang