找不到 tsconfig 中的路径

Question

I have multiple project in same Angular 8 app. In "root" tsconfig.json I add paths for @models

"compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": ["node_modules/@types"],
    "lib": ["es2018", "dom"],
    "paths": {
      "@models": ["projects/shared/models"]    <=== this
    }
  },

I Import from index.ts barrel

export * from "./users/user-profile.model";
export * from "./users/users.model";

When I try In any component import model from @models

import { IUser } from "@models";

I get error

error TS2307: Cannot find module '@models'

But when I try to import it directly from the barrel, working ok

In every of my project, I also have tsconfig.app.json , but I only add the path to the root

Answer 1

问题出在 VS 代码中，多次重启后，一切正常

Answer 2

"@models": ["projects/shared/models"] should be replaced with "@models": ["projects/shared/models/index.ts"] in tsconfig.json file or you can write like below also

  "@models": [
    "projects/shared/models/*"
  ],

Answer 3

Try this

"paths": {
      "@models/*": ["projects/shared/models/*"]
    }

After Updating tsconfig.json , restart the application