这是我的文件夹布局
src (folder)
images (folder)
alligators (folder)
Alligator 1.svg (svg file)
main.js (javascript file)
这是main.js文件中的代码行：
<img src={require("./images/alligators/Alligator 1.svg")} alt="alligator illustrator" />
我没有任何错误，只是显示了替代文本，而未显示图像。
我的路线似乎有什么问题？
我也尝试过{}卷曲而不使用“ require”，但是结果是一样的。我尝试重命名没有空间的鳄鱼1，但结果还是一样。
如果我的代码正确，这又可能是什么原因呢？
更新您的代码以导入图像，然后像这样在src中使用它：
import alligator from './images/alligators/Alligator 1.svg';
...
<img src={alligator} alt="alligator illustrator" />
导入后，您的文件将存储到其中alligator，然后可供React使用。然后，React在您的img标签中解析它。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句