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

Question

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

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

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

但是我得到了错误：

控制台日志语句给出：

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

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

Answer 1

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

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

OR

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

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