如何将文件夹/文件从公用文件夹导入反应中的 src 文件夹

Question

Trying to import image folder from public folder to src folder in react but i kept getting error messages in the terminal and my chrome

[ the vscode screenshot ]( https://i.stack.imgur.com/gtyL0.png )

Answer 1

Your image is inside a Image folder. So the import should be

import Airbnb from '/Images/airbnb.png'

If it gives webpack import error you can do it like this way

<img src='/Images/airbnb.png'/>

Here /Images/airbnb.png gives a direct link to the image of the public folder.

Answer 2

you need to import from the folder in which the file exists

import Airbnb from '../../public/Images/airbnb.png'