Nx: [WEBSTORM] wrong import

[czaplej]

After upgrade to nx 10.0.* webstorm start importing modules as below

Current Behavior

Expected Behavior

Steps to Reproduce

Just create new workspace and use with webstorm

Environment

nx version : 10.0.7
react

[zaunermax]

That is something you have to configure in your IDE, not something that is actionable by the nx team. Maybe you have turned on the setting to always use relative imports?

[czaplej]

@zaunermax it works before update nx. Nothing in the webstorm was changed

OK i found the issue.
After upgrade tsconfig.json was replace for tsconfig.base.json. Webstorm default look for tsconfig.json. It would be nice to have tsconfig.json

{
  "extends": "./tsconfig.base.json"
}

Beacuse new users can be confused why it's not working.

[nestorvanz]

This is happening in VSCode too. Even after create the tsconfig.json in the root project.

[zaunermax]

I think it depends on how you have your IDEs configured. If it is configured to search for a root tsconfig file, then this will break. Though most of the time (and also webstorm by default, I use 2020.2) IDEs will search for the most relevant and nearest tsconfig file to the file that's being checked. Due to the fact that every app and lib has a standard tsconfig in it's root, IDEs should handle that just fine. The tsconfig in the root of the apps and libs extend the base tsconfig.

[Cammisuli]

If you're not on the latest version of Webstorm (as of this comment 2020.2) you might have to add tsconfig.base.json into your file types (Settings > Editor > File Types), like so:

Again, this should already be the default with the latest version of Webstorm (and even VS Code)

[vsavkin]

Folks. I'm going to close this as the issue is the latest version of Webstorm and isn't actionable on the Nx side.