为什么我无法导入以下文件

Question

This is my src directory -

And while importing the last file (StateProvider.js) in Product.js, this is the error I get while importing StateProvider -

My import statement from Product.js-

Can anyone guide me, why my import is not working?

Answer 1

The error occurs because StateProvider.js is not in the same directory as Product.js . You have to specify the import statement like this:

import StateProvider from '../../StateProvider';

Answer 2

Probably 2 errors.

First, If you export the default file you're good to go.

export default StateProvider

Second is if you are on the correct directory.

it shouild be

import StateProvider from '../../StateProvider'

Answer 3

import StateProvider from '../../StateProvider'

I also recommend using "Auto Import" extension if you working with Visual Studio Code.