使用Vite JS导入带变量的图片

Question

我目前在 client\src\pages\Dashboard.jsx 工作

我有一个文件 client\src ssets rog_photos，其中包含 200 个随机图像，我一直在尝试使用变量导入图像并显示到我的仪表板，但不断收到错误。

 <img src={

${process.env.PUBLIC_URL}/frog_photos/frog_${DailyrandNum}.png

} alt="frog_emoji" width="128" height="128" />

上面的代码正在使用 CRA 在我的旧项目上运行，但自从我切换到 Vite 后，我在使用变量时无法使导入工作。

DailyrandNum var 工作正常

dir '../assets/frog_photos/frog_0.png' 是图像的位置，包括图像 frog_0.png - frog_198.png

/frog_photos/frog_${DailyrandNum}.png} alt="frog_emoji" width="128" height="128" />

无图像显示

Answer 1

您可以分享更多信息，例如网络选项卡中显示的信息吗？ 有具体的错误信息吗？