react not importing files from where i want it

[yoniyona144444]

import { brainwave } from "../assets";
its currently tying to import from c:/Users/Yonatan/Desktop/Brainstorm(learnng react)/src/assets/index"
i want it from "c:/Users/Yonatan/Desktop/Brainstorm(learnng react)/src/assets"
why is it doing this and how to fix it

[rschristian]

Does /src/assets.js exist? If not, it'll fallback to trying /src/assets/index (amongst additional fallbacks).

You should be using file extensions to remove ambiguity here altogether, i.e., import ... from "../assets.js".

[rschristian]

You need to use the file path of the image you're trying to load, you cannot import from a directory.

For example, it should look something like this, if I'm understanding you correctly: import brainwave from "../assets/brainwave.png".

[yonathan-fesseha]

I already tried that but it thinks assets is in index.js

[yonathan-fesseha]

And sorry if am frustratrating u am a beginner in react

[rschristian]

Do you have a repo I can take a look at? Otherwise I'm left guessing as to what your code is.

If you use an ambiguous specifier, like ../assets, the behavior is that it'll take a guess at which file you mean as that can refer to many things: ../assets.js, ../assets.ts, ../assets.json, ..., ../assets/index.js, ..., etc.

You should not, however, run into this when trying to use an image. If you are, it's because your file path is incorrect. Use the path to the file, and use a default import, just like I showed.

[yonathan-fesseha]

Ok i will try that tnx for the help