With some files, VS Code cannot find modules that exist

[jankalfus]

Sometimes when I open my project, VS Code is unable to find imported external modules. I've got typings for the modules installed, all files in the project compiles fine using tsc, but I get red squiggly lines in the editor. The weird thing is that I get the squiggly lines only for some .tsx files, while it works for others.

The file src/web/App.tsx is fine:

While I get squiggly lines for the file src/native/App.tsx:

My tsconfig.json content is the following:

{
    "compilerOptions": {
        "allowSyntheticDefaultImports": false,
        "jsx": "react",
        "noImplicitAny": true,
        "experimentalDecorators": true,
        "module": "commonjs",
        "target": "es5",
        "rootDir": "src"
    },
    "exclude": [
        "node_modules",
        "src/native",
        "app",
        "app-native",
        "tools",
        "test"
    ]
}

Both react and react-native are installed as global typings.

Unfortunately, I cannot post the source code right now, but basically, the structure of the source files is as following:

src
 |-- common
 |-- native
       |-- index.ts
       |-- App.tsx
 |-- web
       |-- App.tsx
 |-- index.ts (this one is for web)

• VSCode Version: 1.4.0
• OS Version: Windows 10

Any ideas?

[jankalfus]

I have noticed that if I use File -> Close folder and then File -> Open Folder... and open the project folder again, the errors are gone. If I just restart VS Code instead, I keep getting the errors. I presume that some internal cache gets cleared?

[jankalfus]

More to this issue: I get the errors every time I create a new folder and ts/tsx file inside. Unfortunately, the workaround I've suggested in the previous comment doesn't work.

[jankalfus]

I've published the source code. To reproduce this issue:

1. Go to https://github.com/gina-system/react-starter
2. Use the steps in the quick start section of the readme
3. Open the src/native/App.tsx file.

[dbaeumer]

@waderyan let me know when you need assistance

[waderyan]

I have reproduced this per @jankalfus's instructions.

I'm seeing a "Cannot Find Module" when I hover over react-native

Developer shows a seemingly unrelated error.

It seems like typings directory is configured correctly.

[waderyan]

Ok this is strange... I reopened the project to grab another screen shot and this is what I saw.

Everything looks good now.

I retraced my steps.

1. re-cloned https://github.com/gina-system/react-starter in a separate dir.
2. followed the README steps (npm install, typings install)

Looks good again.

Ping @dbaeumer please advise what to try next.

[dbaeumer]

@waderyan there is not much you can do. I would move it to the TS team since at the end of the day the error message is generated by the tsserver.

[waderyan]

Moved to TypeScript