React项目自定义图标图片导入失败：未找到指定导出项

问题原因 #

报错提示'/src/assets/index.js' does not provide an export named 'whittleburypark'，核心原因是：你从../assets导入的whittleburypark变量，并没有在src/assets/index.js文件中被定义和导出。教程里的图片能正常使用，是因为它们都在这个入口文件中配置了导入和导出规则。

解决步骤 #

1. 打开项目中的src/assets/index.js文件
2. 在文件顶部的图片导入区域，添加你的自定义图片导入：

   import whittleburypark from './whittleburypark.png';
   

   注意：确保文件名（包括大小写、扩展名）和实际文件完全一致，比如如果你的图片是WhittleburyPark.jpg，就要对应写成import whittleburypark from './WhittleburyPark.jpg';

3. 在文件底部的导出对象中，添加whittleburypark：

   export {
     mobile,
     backend,
     creator,
     // ...其他已有导出项
     whittleburypark // 加入这一行
   };
   

做完以上操作后，重新运行项目，你的自定义图片就能正常导入并在VerticalTimeline组件中使用了。

内容的提问来源于stack exchange，提问作者Alfie Harris