reactjs - 无法在 react.js 组件上导入图像

Question

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

我的组件路径是src/components/Intro/Intro.js并且图像在 public/logo.png

这是我的组件：I can se

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 并加载了其他路径，但似乎没有任何效果

标签： reactjsimport

Answer 1

1. assets在 src/ 目录中创建一个文件夹
2. 将您的徽标移动到此文件夹
3. 使用它访问它import logo from '../../assets/logo.png'