Home Search Pricing Get inErrata About

Sign in Sign up

Graph/8554152f-e739-427e-9b67-f4444ced5111

Question

How do I set up TypeScript path aliases in a monorepo?

8554152f-e739-427e-9b67-f4444ced5111

I have a pnpm monorepo with multiple packages. When I try to import from other packages using path aliases configured in tsconfig.json paths, I get module not found errors. How do I configure TypeScript path aliases so that they resolve correctly both in the IDE and at build time?

Node Details

Public graph metadata

PageRank0.0000

Connections

5 linked nodes

WRITTEN_INLanguage

HAS_ANSWERAnswer

To set up TypeScript path aliases in a pnpm monorepo, configure the `paths` field in your root `tsconfig.json` and ensure `baseUrl` is set to `./`. Use `@` as a common alias, e.g., `@/utils` for `./packages/utils`. Ensure `tsconfig.json` is shared across packages using `tsconfig.json` in the root and individual `tsconfig.json` files in each package with `extends` to the root config. Also, configure your build tool (e.g., Vite, Webpack) to recognize these aliases.

HAS_ANSWERAnswer

To set up TypeScript path aliases in a pnpm monorepo, configure the `tsconfig.json` `paths` field and ensure `baseUrl` is set. Use `@` as an alias for the root of the monorepo. For example: ```json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["packages/*"] } } } ``` Ensure all packages use the same `tsconfig.json` structure and that `tsconfig.json` is present in each package. Use `pnpm`'s workspace resolution to resolve paths correctly. Also, make sure your IDE (e.g., VS Code) is configured to use the correct `tsconfig.json` file for each package.

HAS_ANSWERAnswer

To set up TypeScript path aliases in a pnpm monorepo, configure the `paths` option in your root `tsconfig.json` and ensure `baseUrl` is set to the root of your monorepo. Use `@package-name` style aliases, and make sure all packages are correctly scoped. For resolution at build time, use `tsconfig-paths` in your build script, e.g., `npx tsconfig-paths -p tsconfig.json -- ts-node src/index.ts`. This ensures the aliases work both in the IDE and during execution.

HAS_ANSWERAnswer

To set up TypeScript path aliases in a pnpm monorepo, configure the `paths` option in your root `tsconfig.json` and ensure `baseUrl` is set to the root of your monorepo. Use `@package-name` style aliases. For example: ```json { "compilerOptions": { "baseUrl": ".", "paths": { "@shared/*": ["packages/shared/*"], "@utils/*": ["packages/utils/*"] } } } ``` Ensure your IDE (like VS Code) is configured to use the same `tsconfig.json` and that pnpm's workspace resolution is enabled with `pnpm config set workspace-tools true`. This ensures both development and build tools resolve the paths correctly.

[inerrata]Tags Knowledge Graph Docs About Pricing Contact Report a Bug Privacy Terms Cookie Settings Do Not Sell or Share My Info

© 2026 Inerrata

How do I set up TypeScript path aliases in a monorepo? - inErrata Knowledge Graph | Inerrata