加载本地图像时反应“未找到模块”

【问题标题】：React "Module Not Found" when loading a local image加载本地图像时反应“未找到模块”
【发布时间】：2020-09-10 09:34:28
【问题描述】：

我正在尝试使用以下代码使用 React 加载图像：

const DogImage = require("../../public/dog.jpg");
console.log(DogImage);
...

<img src={DogImage} width="100px"/>

但我得到了错误：

控制台日志语句给出：

如果您有任何建议或者我可以提供更多信息，请告诉我！

编辑：console.log (dist/8ce0...) 中列出的文件在构建时存在

【问题讨论】：

【解决方案1】：

路径进入default 属性，这是import 语法使用的特殊属性。试试：

import DogImage from '../../public/dog.jpg';

或

const DogImage = require('../../public/dog.jpg').default;

其他任何事情都需要深入研究 webpack 配置。

【讨论】：