Could not find a declaration file for module 'instantsearch.js/es/widgets'

Open Q&A
#1

I feel like I must be missing something very obvious here, but when I’m importing the InstantSearchJS widget in app.js, VS Code is giving me this message:

Could not find a declaration file for module ‘instantsearch.js/es/widgets’. ‘/Users/NAME/Documents/Web/github/githubsite/projects/search-app/node_modules/instantsearch.js/es/widgets/index.js’ implicitly has an ‘any’ type.
Try npm i --save-dev @types/instantsearch.js if it exists or add a new declaration (.d.ts) file containing declare module 'instantsearch.js/es/widgets';ts(7016)

When I use InstantSearch.js directly on my page, everything works, but when using a build system, it seems it needs a declaration file.

I did this on my terminal:

❯ npm i --save-dev @types/instantsearch.js

But got the following error:

npm ERR! code E404

npm ERR! 404 Not Found - GET https://registry.npmjs.org/@types%2Finstantsearch.js - Not found

npm ERR! 404

npm ERR! 404 ‘@types/instantsearch.js@*’ is not in the npm registry.

npm ERR! 404 You should bug the author to publish it (or use the name yourself!)

npm ERR! 404

npm ERR! 404 Note that you can also install from a

npm ERR! 404 tarball, folder, http url, or git url.

Is https://registry.npmjs.org/@types%2Finstantsearch.js the culprit?

Do I need to create my own declaration file? I’ve never done that, so any link in the right direction is appreciated.

Otherwise, any idea what I’m doing wrong?

Thank you in advance

Steve

Edit: I just want to add that I was following the instructions here: https://www.algolia.com/doc/guides/building-search-ui/installation/js/#with-a-build-system

#2

Hi!
The typescript definitions of the latest package are not yet exposed.

However, there’s experimental TS support on the experimental-typescript npm tag; Have a look at https://github.com/algolia/instantsearch.js/blob/master/CONTRIBUTING.md#experimental-typescript-version for details.

Regards,