Reactjs 未加载本地映像

在reactjs文件中本地加载图像时遇到问题。任何帮助都会很棒。谢谢

未能编译 ./src/components/pages/home.js

未找到模块：无法解析“C:\Users\tcmar\Documents\ThomasWebsite\mywebsite\src\components\pages”中的“../Assets/images/Thomas-overlay3.jpg”

此错误发生在生成时，无法排除

我的代码：

import React, { Component } from 'react';

class Home extends Component {
  render() {
    return (
      <div className="container">
        <div className="hero-image">
          <img src={require('/src/Assets/images/Thomas-overlay3.jpg')} alt="hero-image" />
        </div>
        <div className="hero-text">
          Hello, My Name is <span>Thomas</span>
        </div>
      </div>
    );
  }
}

export default Home;

import React，{Component}来自'React'；
类Home扩展组件{
render（）{
返回(
你好，我叫托马斯
);
}
}
导出默认主页；

您的资产应该放在服务器提供的某个

公用/

文件夹中

然后，您可以参考实际资源：

...
<img src="/assets/my-image.jpg" />
...

但是，如果需要，这将加载文件并自动在公用文件夹中发出副本

---

更多信息：

您是否正在尝试从“some image.jpg”导入图像

？你能粘贴你的代码吗？我正在尝试从我的资产/图像文件夹导入图像。你的期望是什么？我正在尝试从这个文件夹本地加载图像。我正在尝试建立我自己的静态网站，就是这样！谢谢…这么快的问题为什么我不能在我的src文件夹中使用图像文件夹？因为你的src文件夹不是公共的，请检查我的编辑，你可以使用
文件加载器从src加载它，它将创建公共文件并返回正确的路径。太棒了！谢谢你的帮助！
<img src={require("file-loader!./file.png")} />