I have a folder system in my React project, which you can see in the screenshot below:

I am trying to make import to index.js, located in src/ponents/KeyboardCard/index.js, from file context.js that is located in src/context.js.

I am getting this error message:

Module not found: Can't resolve '.../context.js' in 'C:\React\top-board\src\ponents\KeyboardCard'.

Help me please.

I have a folder system in my React project, which you can see in the screenshot below:

I am trying to make import to index.js, located in src/ponents/KeyboardCard/index.js, from file context.js that is located in src/context.js.

I am getting this error message:

Module not found: Can't resolve '.../context.js' in 'C:\React\top-board\src\ponents\KeyboardCard'.

Help me please.

• javascript
• reactjs

Share Improve this question Follow edited Aug 14, 2021 at 3:13 rmlockerd 4,13622 gold badges2020 silver badges2828 bronze badges asked Aug 13, 2021 at 11:32 ТимурТимур 2522 silver badges55 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 2

It's two levels higher:

import AppContext from '../../context';

You can't have triple dots import there, try:

import AppContext from '../../context.js';

You have provided the wrong path.

import AppContext from '../../context.js';

If you want to go 2 levels higher you have to do it like this:

../../context

Also, you don't have to define file format ".js" there, that's not required.