路径在tsconfig.json中无法正常工作

Question

I'm trying to use jasmine-ts but always getting module not found error, so I decided to check that using tsc to figure out what is the problem, my folder structure is as follows:

\src\app\...
\src\tests\...

So I created tsconfig.json at ' tests ' folder level as follows

{
    "compileOnSave": false,
    "compilerOptions": {
        "baseUrl": "../", 
        "paths": {
            "@app/*": [
                "app/*"
            ] 
        }
    }
}

in my *.test.ts file, I'm importing a module inside the app dir, and yet still getting module not found error.

Cannot find module '@app/core/data/my-module

I tried the following command

tsc --traceResolution test1.test.ts

and it gives me

test1.test.ts:2:23 - error TS2307: Cannot find module '@app/core/data/my-module'. 

2 import { Field } from '@app/core/data/my-module'
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~

Answer 1

Try

"baseUrl": "src"

instead of

"baseUrl": "../",  

in your tsconfig.json

Answer 2

Did you try like this?:

in tsconfig.json:

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "@pages/*": ["app/pages/*"],
      "@environment": ["environments/environment"]
    }
  },
}

when importing:

import { LoginComponent } from '@pages/login/login.component';

import { environment } from '@environment';

It is working for me..