Paths in tsconfig not found

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

"@models": ["projects/shared/models"] shoulde be replaced with "@models": ["projects/shared/models/index.ts"] in tsconfig.json file — Siddharth Pal
– Siddharth Pal, Commented Dec 10, 2019 at 10:24

Arter · Accepted Answer · 2019-12-10 11:19:41Z

1

Problem was in VS code, after multiple restarts, everything is working

answered Dec 10, 2019 at 11:19

Arter

2,3246 gold badges38 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Siddharth Pal · Accepted Answer · 2019-12-10 10:32:21Z

0

"@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/*" ],

answered Dec 10, 2019 at 10:32

Siddharth Pal

1,45811 silver badges24 bronze badges

5 Comments

Siddharth Pal Over a year ago

can u please share a stackblitz link for further investigation?

Arter Over a year ago

i will try, but this is very big app, i try to make example

Siddharth Pal Over a year ago

Can you share the tsconfig.app.json. Please check what is the base url set in tsconfig.app.json also

Arter Over a year ago

this is the tsconfig.app.json { "extends": "../../tsconfig.json", "compilerOptions": { "outDir": "../../out-tsc/app", "types": [] }, "files": ["src/main.ts", "src/polyfills.ts"], "include": ["src/**/*.ts"], "exclude": ["src/test.ts", "src/**/*.spec.ts"] }

Siddharth Pal Over a year ago

I tried in my local and it works. Try restarting your editor please.

LALIT KANTA DIBYADARSHAN · Accepted Answer · 2019-12-10 12:20:41Z

Try this

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

After Updating tsconfig.json, restart the application

Collectives™ on Stack Overflow

Paths in tsconfig not found

3 Answers 3

Comments

5 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Related