Reactjs React在使用require时未显示img，可能存在网页设置问题

我试图使用map函数从一组对象构建一个旋转木马。其中一个对象是图像源。出于某种原因，使用require指定img src不再有效。下面是显示问题的代码片段

    import myImg from '../images/myImg.jpg';
    ....
    <img src={myImg} alt="This message is not expected to show"></img>
    <img src="../images/myImg.jpg" alt="This message is expected to show"></img>
    <img src={require("../images/myImg.jpg")} alt="Fails when message shows"></img>

---

文件加载器是错误的选择吗？我的设置错了吗？我在没有文件加载器的情况下尝试了这个方法，得到了相同的结果。这很奇怪，因为使用require为img指定文件src在几个月前就开始工作了。

答案是使用require（'pathname'）。默认值与require（'pathname'）相对。不需要文件加载器和网页包

Require返回一个模块与uri。require的方法之一是default

这是我发现的

日志（需要（“./images/img.jpg”）

这将返回一个与uri相对的模块。在控制台中打开模块显示可用的方法

然后我试着 log（require（“./images/img.jpg”）.default）； 这将向静态图像返回与导入相同的uri

使用require与import的明显优势在于require是动态执行的。提供的路径可以来自数组或对象。比如说

var img=[“img0.jpg”，“img1，jpg”，“img2.jpg”]； var i=1；

---

/images/${i}）.default}alt=“some message”/>

我想我排除了webpack。我将项目目录移动到一个新文件夹，然后使用“npx create react app”重新创建该文件夹。然后我将src目录复制到新文件夹中，并使用npm安装所有依赖项，而不安装webpack或file loader。同样的结果。以下代码段无效：'。但是：导入imageImport from'path to my image/img.jpg'；有什么想法吗？

        loaders: [
  {
    test: /.s?css$/,
    use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
  },
  {
    test: /\.(png|svg|jpg|gif)$/,
    use: [
      'file-loader',
    ],
  }
],