Cannot use import statement outside a module

GregoryBologna — Fri, 24 Jun 2022 21:40:01 GMT

I am porting a calcite JS page to Wordpress.

Adding calcite reference in PHP throws error

wp_enqueue_style( 'esri-calcite', 'https://js.arcgis.com/calcite-components/1.0.0-beta.81/calcite.css' , false, null, 'all'); wp_enqueue_script('esri-calcite', 'https://js.arcgis.com/calcite-components/1.0.0-beta.81/calcite.esm.js', false, null, true);

Uncaught SyntaxError SyntaxError: Cannot use import statement outside a module at (program) (https://js.arcgis.com/calcite-components/1.0.0-beta.81/calcite.esm.js:6:1) arg0:SyntaxError: Cannot use import statement outside a module {stack: 'SyntaxError: Cannot use import statement outside a module', message: 'Cannot use import statement outside a module'} No debugger available, can not send 'variables' (program) @ js.arcgis.com/calcite-components/1.0.0-beta.81/calcite.esm.js:6

Re: Cannot use import statement outside a module

ReneRubalcava — Fri, 24 Jun 2022 22:21:49 GMT

Try loading the non-esm version like this https://js.arcgis.com/calcite-components/1.0.0-beta.81/calcite.js

That should work better in a wordpress env

topic Re: Cannot use import statement outside a module in ArcGIS JavaScript Maps SDK Questions

Cannot use import statement outside a module

Re: Cannot use import statement outside a module