import an external ESM module inside a .vue file

[nestarz]

Hello 👋

I would like to import an ESM module from my SFC vue file. But require with absolute url and ES6 import doesn't work at all.

Is there any method to achieve it ?

Thanks for your work ! 🙏

[nestarz]

Ok, for now I'm using this

module.exports = {
  components: {
    foo: async () => {
      const { Foo } = await import(
        "http://localhost:63622/dist/index.es.js"
      );
      return Foo;
    },
    bar: async () => {
      const { Bar } = await import(
        "http://localhost:63622/dist/index.es.js"
      );
      return Bar;
    }
  }
};

Any suggestion for a better handling ? Thanks 😊

[jdelrue]

++ need this

[SharkFourSix]

foo: async () => { const { Foo } = await import( "http://localhost:63622/dist/index.es.js" ); return Foo; }

Using this exactly this method and format, I get this error

Vanilla JS, no other libraries. Vue 2