How to use something like @types/* but the real module is imported using the <script> tag?

[imWildCat]

I'm trying to use CloudKit JS (https://developer.apple.com/documentation/cloudkitjs) and tsl-apple-cloudkit (the typing definition).

Without excluding tsl-apple-cloudkit, something is wrong with the CloudKit JS library. The minimized JS file is transformed incorrectly.

However, if I exclude the typing lib (tsl-apple-cloudkit), it will show:

[Log] [vite] connecting... (client, line 180)
[Error] SyntaxError: Importing binding name 'CloudKit' is not found.
	link
	linkAndEvaluateModule
	(anonymous function)
	promiseReactionJob
[Log] [vite] connected. (client, line 202)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (cloudkit.js.map, line 0)

Source code: https://github.com/imWildCat/vite-bug-array-buffer-demo

[imWildCat]

It turns out that this dependency is not good.

I changed it source and use it as pure type definitions and it works well: https://gist.github.com/imWildCat/d1ec05981d78be47b48635fd5920daec