load js file in requirejs-config.js in magento2

Question

how to load this js file in requirejs?

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

my requirejs-config.js file=?

var config = {
  paths: {
    modelviewer: "Ajith_CustomModule/js/modelviewer.min",
       .....
       .....
       .....

and load this file in my phtml file


<script type="module">


require(['jquery'.......,'modelviewer'],function($,..,model){
});

</script>
    .....
    ..... 
   .....

shows this error => Uncaught SyntaxError: Unexpected token 'export'

anybody please help me to fix this problem.

Thanks in advance

RequireJS is not compatible with module type of scripts – Damian Dziaduch Dec 22 '21 at 14:35 — Damian Dziaduch, Dec 22 '21 at 14:35
then how can I load this js file ? – Ajith Dec 26 '21 at 09:13 — Ajith, Dec 26 '21 at 09:13

score 0 · Answer 1 · answered Jan 05 '22 at 14:18

RequireJS does not support native JS modules. You have to load it as regular JS module, working example:

<script type="module">
  import { ModelViewerElement } from 'https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js';
  
  console.log(ModelViewerElement);
</script>

(tested on Chrome 96)

load js file in requirejs-config.js in magento2

1 Answers1