图像未显示在反应应用程序中

Question

我在同一个文件夹中有一个组件和图像

import classes from './Header.module.css'

import React from 'react';

const Header = () => {
    return (
        <div className={classes.header}>
            <div className={classes.logo}>
                <img src="logo.png" alt="Logo"/>
            </div>
        </div>
    );
};

export default Header;

但是在浏览器中我看到，该浏览器看不到该图像，但在 WebStorm 中如果我覆盖 img，我会看到它。

Answer 1

将您的图标移至项目的公共文件夹。然后尝试加载您的 icon.png。