How to set right path imports in VSCode?

Question

I have a root app directory with the following folders:

/app/
/environments/

Inside /app/ exist helpers/Helper.ts:

/app/helper/Helper.ts

In this file I tried to import environments:

import { environment } from "../../environments/environment.prod";

Two directories back, it is right, it works.

Problem is when compiler compiles code it says:

Error: com.tns.NativeScriptException: Failed to find module: "../../environments/environment.prod", relative to: app/helpers/

So, my tsconfig contains:

   { "baseUrl": "./" }

score 1 · Accepted Answer · answered May 06 '19 at 13:09

1

usually it does work well.

What I suggest is to use "paths" in your tsconfig

"paths": {
      "@env": [
        "environments/*"
      ],
    }

in your code

import { environment } from "@env/environment.prod";

answered May 06 '19 at 13:09

Alexander_F

Do you have the plugin set from john papa for angular installed? Try to restart VSCode it does work for me with VSCode, I am getting also code suggestions. – Alexander_F May 06 '19 at 13:14
Yes, I have installed such plugin – POV May 06 '19 at 13:16
Also I have relaunched, the same result – POV May 06 '19 at 13:17
When I did autoimport it import this: `import { environment } from "@env";` – POV May 06 '19 at 13:18
https://stackoverflow.com/questions/47700939/how-to-reset-intellisense-in-vs-code – Alexander_F May 06 '19 at 13:19
@OPV try to restart TS server – Alexander_F May 06 '19 at 13:20
Each time I do this, no result – POV May 06 '19 at 13:23
@OPV sry but no more ideas... might be a local problem – Alexander_F May 06 '19 at 13:29

1 Answers1