Reactjs React.JS在使用require()时不渲染图像和/或视频

Reactjs React.JS在使用require()时不渲染图像和/或视频,reactjs,Reactjs,希望这是一个简单的问题和答案,如果我错过了一些简单的东西,请原谅,因为我对编码还是有点陌生 我正在开发一个新的React应用程序,并注意到当我部署(用于在各种设备上测试UI)时,我的站点呈现良好,但我添加的图像和/或视频不会显示。请注意,我已经做过其他React应用程序,在这些应用程序中效果非常好,这就是我的困惑所在。例如,在部署时,以下代码段可以正常工作: 从“React”导入React; 导入“/NavbarLandingPage.css”; 从“/Inventory-Deals-logo

希望这是一个简单的问题和答案,如果我错过了一些简单的东西,请原谅,因为我对编码还是有点陌生

我正在开发一个新的React应用程序,并注意到当我部署(用于在各种设备上测试UI)时,我的站点呈现良好,但我添加的图像和/或视频不会显示。请注意,我已经做过其他React应用程序,在这些应用程序中效果非常好,这就是我的困惑所在。例如,在部署时,以下代码段可以正常工作:

从“React”导入React;
导入“/NavbarLandingPage.css”;
从“/Inventory-Deals-logo-2021-White.png”导入徽标;
类NavbarLandingPage扩展React.Component{
渲染(){
返回(
)
}
}

导出默认NavbarLandingPage您能试着改用这个吗

需要(“./Inventory-Deals-LOGO-2021-White.png”)。默认值


这就解决了我的问题。

这是否回答了你的问题谢谢你的链接@Kevin.a-这是正确的,因为我相信问题出在Webpack上,但是,我认为创建react应用程序的全部目的是让Webpack和babel都打包在盒子里,并在盒子外工作?同样,这在我开发的另外两个应用程序中运行良好……我正在考虑重新打开一个新的React应用程序,并在整个“npm审核修复”过程中更加小心,因为我担心这可能是导致我出现问题的原因……Esteban,这非常有效,我的朋友!非常感谢。我想知道最近是否有什么变化需要我添加“.default”?无论如何,我非常感谢你的回复!我还试图提高答案的投票率,但是我在堆栈溢出上的排名还不足以让它显示出来。