我不太确定我在这里做错了什么。我将 PNG 图片放在了 src 文件夹中，并使用了 require 和相对路径来引用这些图片。我感觉自己快要疯了。作为参考，我正在制作一个与亲密的朋友和家人一起庆祝生日的倒计时。这些图片最终将成为一个手风琴，显示各自的生日倒计时。在倒计时结束时，将出现一个文本框来与他们通话。我还创建了一个 Accordian 组件来包含工作代码。也许我重复导入了文件？我在 accordian 文件和 app.js 文件中都进行了导入。

import Accordian from './accordian'; import AugustusDaGreat from './AugustusDaGreat.png'; import DadMatt from './Dad-Matt.png'; import DavidDaDon from 'DavidDaDon.png'; import propic from './propic.png'; import RickyKyle from './RickyKyle.png'; // import 5 pngs of friends const gus = AugustusDaGreat; const dadMatt = DadMatt; const daveDaDon = DavidDaDon; const profilePic = propic; const bigDickRick = RickyKyle; function App(props) { return ( 
 
Never Miss A Birthday!
                  
 ); }

我已经尝试在 src 属性中使用 require，并使用 const 变量命名了这些文件。