Could not find a declaration file

[jmeinlschmidt]

Environment details

 Node   : 20.11.0
 OS     : darwin-arm64
 npm    : 10.2.4

@googlemaps/js-api-loader@1.16.3
@types/google.maps@3.55.3
typescript@5.3.3
@angular/google-maps@17.2.0

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)