How to use externalsType: script, as module

[felipe-chamas]

I'm trying to import @google/model-viewer a CDN dependency which requires the following sintax:

<script type="module" src="https://unpkg.com/@google/[email protected]/dist/model-viewer.min.js" />

Is there a way to set this type? My current configuration throws the following error: Uncaught SyntaxError: export declarations may only appear at top level of a module -> Uncaught (in promise) ScriptExternalLoadError: Loading script failed.

// webpack.config.js
module.exports = {
    ...
    externalsType: 'script',
    externals: {
      '@google/model-viewer':
        'global@https://unpkg.com/@google/[email protected]/dist/model-viewer.min.js',
    }
}

Looking at the code here I think it's not an option...

[sokra]

Script externals are for classic script. For modules you can use import():

​// webpack.config.js​
​module​.​exports​ ​=​ ​{​
    ...
    ​externalsType​: ​'import'​,​
    ​externals​: ​{​
      ​'@google/model-viewer'​:
        ​'https://unpkg.com/@google/[email protected]/dist/model-viewer.min.js'​,​
    ​}​
​}

[felipe-chamas]

Now I'm getting an error at build time:
Error: The target environment doesn't support 'import()' so it's not possible to use external type 'import'

[felipe-chamas]

I'm also importing import '@google/model-viewer' in my code, just to clarify

[sokra]

If you get this error your browserslist include browsers that doesn't support import(), or you don't have one at all.

[sokra]

You need to use https://webpack.js.org/configuration/output/#outputimportfunctionname and provide a polyfill

[felipe-chamas]

All right, thank you!!!