Unable to load the Loader in IE11 [Places]

[asivaneswaran]

Please be sure to include as much information as possible:

Environment details

1. Browser: IE11, OS: Windows 10
2. Loaded in VueJS app.js

Steps to reproduce

1. Load the script as shown in the code example
2. Visit the website

Code example

import { Loader } from '@googlemaps/js-api-loader';

Stack trace

# SCRIPT1002: Syntax error

Thanks!

[jpoehnelt]

Are you using webpack, rollup, or a similar tool to bundle your app? If not, you may want to load the UMD version from unpkg.

From the README:

Alternativly you may add the umd package directly to the html document using the unpkg link. <script src="https://unpkg.com/@googlemaps/js-api-loader/dist/index.min.js"></script> When adding via unpkg, the loader can be accessed at google.maps.plugins.loader.Loader.

[asivaneswaran]

Hey,
We are using webpack to bundle our app.

[jpoehnelt]

What are your Babel settings? Seems like a generic transpilation issue as this library is written in es6+.

[asivaneswaran]

Hey, so our settings are the following:

module.exports = {
    plugins: [
        '@babel/plugin-proposal-class-properties',
    ],
    "presets": [
        [
            "@babel/preset-env",
            {
                "corejs": {
                    "version": 3,
                },
                "useBuiltIns": "usage",
            }
        ]
    ],
};

[asivaneswaran]

We realized our issue in our config. Sorry to have bothered you.

[jpoehnelt]

Probably not transpiling the packages in node_modules.

babel/babel-loader#171
https://stackoverflow.com/a/56428646/3145360

[jpoehnelt]

We realized our issue in our config. Sorry to have bothered you.

Not a problem, glad you found the solution!

[KurtVanHal]

We realized our issue in our config. Sorry to have bothered you.

Could you please elaborate on the solution pls? Kind regards.