Could not find a declaration file for module '@stoplight/json-schema-viewer' with moduleResolution "Bundler"

[au5ton]

Context

I can't use the library.

Current Behavior

Using "moduleResolution": "Bundler", in my tsconfig.json, I get the following error:

import {} from '@stoplight/json-schema-viewer'

Could not find a declaration file for module '@stoplight/json-schema-viewer'. 'c:/.../project/node_modules/@stoplight/json-schema-viewer/index.mjs' implicitly has an 'any' type.
  There are types at 'c:/.../project/node_modules/@stoplight/json-schema-viewer/index.d.ts', but this result could not be resolved when respecting package.json "exports". The '@stoplight/json-schema-viewer' library may need to update its package.json or typings.

Expected Behavior

I can import the library.

Possible Workaround/Solution

This seems to be related to: microsoft/TypeScript#52363

In another project, I have the following in my package.json. Something like this should be sufficient.

{
  "name": "package",
  "type": "module",
  "...": "...",
  "exports": {
    ".": {
      "types": "./src/index.ts",
      "default": "./dist/index.js"
    },
    "./example": {
      "types": "./src/example.ts",
      "default": "./dist/example.js"
    }
  }
}

Steps to Reproduce

1. tsconfig.json with the following:

   {
     "compilerOptions": {
       "moduleResolution": "Bundler",
     },
   }

2. Import the dependency:

   import {} from '@stoplight/json-schema-viewer'

Environment

TypeScript 5.5.3

[Roman3349]

It is caused by incorrect information in package.json. Property exports replaces properties main, module and typing (which contains also invalid path), but all mentioned properties are defined.

Fixed in stoplightio/scripts#131.

[NINGyv179]

So now how can I use it

[dotboris]

For those still dealing with this issue, you can workaround it by patching this package through your package manager (assuming it supports it). In my case, I use yarn which supports patching packages through yarn patch.

I did the following:

• yarn patch @stoplight/json-schema-viewer - This output a path where I could make changes to the package.

• I applied the following changes:

  diff --git a/package.json b/package.json
  index 7543c51d6cefd6a663d37c221032b7e9f21fd332..496af7cc4a8ccc819ddcd6e46faae4727e1c7194 100644
  --- a/package.json
  +++ b/package.json
  @@ -38,7 +38,8 @@
     "type": "commonjs",
     "module": "./index.esm.js",
     "exports": {
  -    "require": "./index.js",
  -    "import": "./index.mjs"
  +    "types": "./index.d.ts",
  +    "import": "./index.mjs",
  +    "require": "./index.js"
     }
   }

• yarn patch-commit -s ...