Is it possible to import from an ES6 module in a component (SFC) ?

Hi, First I wan’t to thank you for this librairy which is going to be very useful for me. I can’t manage to import from a module inside a script tag of a .vue file For example :

<template>
  <div class="test">Test</div>
</template>

<script>
import { label } from "./../tools.js";
export default {
  name: "appWorld",
  computed: {
    ...Vuex.mapState(["count"]),
  },
  mounted() {
    console.log(`Component ${this.$options.name} mounted - ${label}`);
  },
};
</script>

<style scoped>
div.test {
  color: red;
}
</style>

The line _import { label } from "./../tools.js";_

raises the following error.

_'import' and 'export' may appear only with 'sourceType: "module"' (2:0)_

I tried adding type="module" to the script tag but it didn’t work either.

Is it possible to do that ? How ? Thank you for your answer

Raphael

[raphael-bresson]

Ok great, thank you for your answer ! I chose option 2 which worked smoothly

    async getFile(url) {
      const res = await fetch(url);
      if (!res.ok)
        throw Object.assign(new Error(url + " " + res.statusText), { res });
      let content = await res.text();
      content = url.endsWith("/tools.js")
        ? { content: content, type: ".mjs" } // `type` since v0.7.0 and `extname` before
        : content;
      return content;
    },

[fushengruomengzhang]

return {content: content, type: “.mjs”}