Question 134593 in Visual Studio Code Question posted in
View the official documentation.

Visual Studio Code – Unable to import despite clearly having the file

I’ve been stuck with this error and couldn’t fix it even after googling.

it says ‘Module not found: Error: Can’t resolve’.. based on researching on google, it appears that this happens when the import statement cannot find the file at the declared path.

But there clearly is a file named ‘Button.js’ in my src/components folder.

I am not sure what is wrong. Would really appreciate your help! enter image description here

Tags:

2

Answers


  1. 0

    try

    import {Button} from './components/Button.js'
    Login or Signup to reply.
  2. 0

    A fix you could do is either exporting Button module as default in the end of Button.js file like

    export default Button;

    Or either import the button module in braces like :

    import { Button} from “./components/Button”

    If you haven’t set the base url as src:

    As you are using relative paths and /components/Button.js is upper than the page directory so you have to use .. to come out of the pages directory and then read /pages/Home.js

    So you should use ../Button.js instead of ./componets/Button.js

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search