Disregarding TypeScript import errors within a monorepo ecosystem

Question

Disregarding TypeScript import errors within a monorepo ecosystem

In my Turborepo monorepo, I have a Next.js app package that imports various components from a shared package. This shared package is not compiled; it simply contains components imported directly by apps in the monorepo.

The issue arises with the shared components' imports such as:

import Link from 'next/link'

TypeScript triggers an error because it cannot locate packages like next/link within the shared components package (which does not include node_modules). Additionally, using pnpm means most external npm packages are only accessible to the specific package that uses them and are not hoisted to the root of the monorepo.

Is there a viable solution to instruct TypeScript not to generate an error for these scenarios, essentially treating them as peerDeps?

javascript typescript

Answer 1

Answer №1

If you are facing issues, you can make use of the tsconfigs.ts paths setup to resolve the problem.

Include the paths parameter like shown below to ensure typescript can accurately find and import the necessary files.

{
  "compilerOptions": {
    "paths": {
      "next/link": ["packages/next-link/index.ts"] // match with your package's location
    }
  }
}

Answer 2

If you are facing issues, you can make use of the tsconfigs.ts paths setup to resolve the problem.

Include the paths parameter like shown below to ensure typescript can accurately find and import the necessary files.

{
  "compilerOptions": {
    "paths": {
      "next/link": ["packages/next-link/index.ts"] // match with your package's location
    }
  }
}

Disregarding TypeScript import errors within a monorepo ecosystem

Answer №1

Similar questions

AngularJS: Utilizing $http to fetch XML data instead of JSON

When attempting to execute a query in Node using oracledb, an error with the code 'npm ERR! errno 3221225477' occurred

Leveraging JavaScript within a Polymer component

What is the best way to assign the result of a promise to a variable?

Utilizing AJAX to retrieve data from a PHP function

Encountering build errors in .xproj file when working with Type Script in ASP.Net Core

Mapbox GL JS stops displaying layers once a specific zoom level or distance threshold is reached

Ajax in action

Emptying the AnyChart (Javascript) container prior to generating new charts

Using JQuery's $.post function can be unreliable at times

Error 400: Token Obtain Pair request failed in Django REST with simpleJWT and Vue 3 composition API

Tips on changing the default value of a Material UI prop method in React JS

Verifying a checkbox selection within an Autocomplete feature using MUI

Guide on Triggering a Custom Popup Message upon a Server Action in Next.js

What is the best way to record and share a video with jquery and laravel?

Searching for a deeply nested JSON property with lodash

Ways to expand the play and pause buttons and adjust the height of an HTML audio player

Encountering an error with my JSONP call

The functionality of jQuery touch events on iOS devices is not functioning properly

What is the best way to eliminate excess white space on the right side in WordPress for a mobile perspective?