无法在 react.js 组件上导入图像答案

【问题标题】：cannot import image on react.js component无法在 react.js 组件上导入图像
【发布时间】：2020-05-04 20:51:46
【问题描述】：

将 img 导入反应组件时遇到问题

我的组件路径是 src/components/Intro/Intro.js，图片在 public/logo.png

这是我的组件：我可以选择

import React from 'react'
import './Intro.css'
import logo from './logo.png'

const Intro = () => {
    return (
        <div>
            <div className='img'> <img src={logo} alt="/" /> </div>
        </div>
    )

}

export default Intro

错误：找不到模块：无法解析“./logo.png” 我已经尝试过 ../public/logo.png、.../public/logo.png 并加载了其他路径，但似乎没有任何效果

【问题讨论】：

你能附上你的项目结构的截图吗？
三个点不行，是吗？它需要是 ../../../public/logo.png 之类的。
完成@Skoltz :)
不支持 src/ 之外的相对导入。这是新的新鲜的哈哈我正在使用 create-react-app

标签： reactjs import

【解决方案1】：

在 src/ 目录下创建文件夹assets
将您的徽标移至此文件夹
使用import logo from '../../assets/logo.png'访问它

【讨论】：