Could not find a declaration file

[jmeinlschmidt]

Environment details

 Node   : 20.11.0
 OS     : darwin-arm64
 npm    : 10.2.4

@googlemaps/[email protected]
@types/[email protected]
[email protected]
@angular/[email protected]

Using esbuild in Angular v17.2.1.

Steps to reproduce

This error fails a build while trying to import { Loader } from '@googlemaps/js-api-loader';

Stack trace

✘ [ERROR] TS7016: Could not find a declaration file for module '@googlemaps/js-api-loader'. '/Users/.../node_modules/@googlemaps/js-api-loader/dist/index.umd.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/googlemaps__js-api-loader` if it exists or add a new declaration (.d.ts) file containing `declare module '@googlemaps/js-api-loader';` [plugin angular-compiler]

    apps/.../google-maps.ts:2:23:
      2 │ import { Loader } from '@googlemaps/js-api-loader';
        ╵                        ~~~~~~~~~~~~~~~~~~~~~~~~~~~


Watch mode enabled. Watching for file changes...

Thank you!

[wangela]

If you would like to upvote the priority of this issue, please comment below or react on the original post above with 👍 so we can see what is popular when we triage.

@jmeinlschmidt Thank you for opening this issue. 🙏
Please check out these other resources that might help you get to a resolution in the meantime:

• Check the issue tracker - bugs and feature requests for Google Maps Platform APIs and SDKs
• Open a support case - Get 1:1 support in Cloud Console.
• Discord - chat with other developers
• StackOverflow - use the google-maps tag

This is an automated message, feel free to ignore.

[jmeinlschmidt]

This error seems to be a regression after upgrading from 1.16.2 to 1.16.3 probably introduced by 3d221ea (cc @usefulthink)

[bjornharvold]

Yes, I am seeing this as well.

Example:

Could not find a declaration file for module '@googlemaps/js-api-loader'. '/Users/crash/git/monorepo-typescript/node_modules/@googlemaps/js-api-loader/dist/index.umd.js' implicitly has an 'any' type.
     Try `npm i --save-dev @types/googlemaps__js-api-loader` if it exists or add a new declaration (.d.ts) file containing `declare module '@googlemaps/js-api-loader';`
   
   12 import { Libraries } from '@googlemaps/js-api-loader';

[cgarrovillo]

For anyone having this problem with a dependency they use that uses this library as a dependency, we were able to work around it using the overrides NPM config https://docs.npmjs.com/cli/v9/configuring-npm/package-json#overrides

A notable library is the react-wrapper library that uses this library
googlemaps/react-wrapper#782 (comment)

[martincostello]

This doesn't appear to have fixed the issue: martincostello/apple-fitness-workout-mapper#1158

[samuelcole]

i still can't deploy 1.16.5:

build: ../../node_modules/@googlemaps/js-api-loader/dist/index.esm.js
build: Module parse failed: 'import' and 'export' may appear only with 'sourceType: module' (408:0)

[usefulthink]

@samuelcole can you open a new issue for this? Also please add some more information about which build tools you are using. I'm not seeing this error in my current test-setups.

[wangela]

@martincostello are you still seeing the issue if you upgrade to v1.16.5?

[martincostello]

Nope, now I get the same new error as mentioned above: martincostello/apple-fitness-workout-mapper#1160

[usefulthink]

fix is incoming.

[wangela]

These fixes should now be available in v1.16.6. Please reopen if the error persists.