Module type declaration not found

[cinob]

When importing barcode-detector/pure or barcode-detector/side-effects ts warns that the module or its corresponding type declaration cannot be found.
I'm not sure if this is because of my local ts environment or something else.

[Sec-ant]

Can you share your repo or reproduce it in stackblitz or codepen?

[cinob]

It's just a local editor error message.
There is no problem to use.

[Sec-ant]

Not sure if this is related, but subpath import requires Node16, NodeNext or Bundler (I believe) as the moduleResolution in your tsconfig: microsoft/TypeScript#44848 (comment)

If the config looks good, sometimes you'll have to restart the ts server to clear its error messages, in vscode.

And if you are sure this is not a problem of this repo, would you close this issue?

[cinob]

Other third-party subpath packages I've used have normal type hints, and I've tried to configure this to make the subpath package type hints work.
I'm not sure anyone else has the same problem.

[Sec-ant]

Thanks for your input.

exports field should be supported in TypeScript ^4.7, and it will automatically look for corresponding declaration files once it resolves the .js entry files: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-7.html#:~:text=The%20new%20support,types%22%20import%20condition.

So I don't think setting the declaration files path is necessary, and setting typesVersions with es module d.ts paths seems strange because this is a dual module package which supports both es and cjs module at the same time.

If this error bothers you, please share me a reproducible repo so I can properly fix it.

[cinob]

All projects that directly import the 'barcode-detector/pure' package will report this error.
For example, in vue-qrcode-reader here

[Sec-ant]

Working fine on my side, what's your Typescript version?

[cinob]

5.2.2

Here's a repo

[Sec-ant]

I've made a PR in your repo to solve this issue. It's because nuxt is using node as the default moduleResolution strategy. bundler is recommended for future projects.

refs:

• https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/#moduleresolution-bundler
• --moduleResolution bundler (formerly known as hybrid) microsoft/TypeScript#51669

[cinob]

Thank you very much, this was solved nicely by setting moduleResolution: bundler

[ollema]

@Sec-ant do you know if there is a way to make this work with moduleResolution being set to node?

I have to use node because I am using SvelteKit which is configured to use node and does not work with bundler for now (from what I can tell at least)

[ollema]

nevermind, this will not be an issue soon:
sveltejs/kit#11160

[Sec-ant]

@ollema Could you please provide a minimal setup so I can take a look?