Sitecore JSS with Helix | Automatically Update Imports is not working when we are moving files from one directory to other directory

How to setup Sitecore JSS with Helix?

1. Please follow this to setup first JSS app and you would be able to setup successfully.

2. Now, everyone is following Helix Design Principle to setup new project.

3. Follow this to set up Helix Design Principle into your JSS app.

4. But when you will start moving files from one directory to another directory, you will not get popup to updates import as shown in video.

5. This is an issue in template as per here

Solution

1. Add jsconfig.json file at root level of your application.

2. Add below settings

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es2016",
        "jsx": "preserve"
    },
    "exclude": [
        "node_modules",
        "**/node_modules/*"
    ]
}

3. Now start moving files, you will get popup to update imports.