title: Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader - Vue 3
body: <p>I get the following error when i want to start my vue 3 typescript project:</p>
  <pre><code> ERROR  Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'
   Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'
  at new NodeError (node:internal/errors:371:5)
  at defaultResolve (node:internal/modules/esm/resolve:1016:11)
  at ESMLoader.resolve (node:internal/modules/esm/loader:422:30)
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:222:40)
  at ESMLoader.import (node:internal/modules/esm/loader:276:22)
  at importModuleDynamically (node:internal/modules/cjs/loader:1041:29)
  at importModuleDynamicallyWrapper (node:internal/vm/module:437:21)
  at importModuleDynamically (node:vm:381:46)
  at importModuleDynamicallyCallback (node:internal/process/esm_loader:35:14)
  at loadFileConfig (C:\Projects\backify-ui\documentation\node_modules\@vue\cli-service\lib\util\loadFileConfig.js:28:7)
  </code></pre>
  <p>This error occurs since I renamed my <code>vue.config.js</code> to <code>vue.config.mjs</code>. The funny thing is that this project works via gitpod.io but not in phpstorm and vscode.</p>
  <p>My vue.config.mjs:</p>
  <pre><code>import rehypeHighlight from &quot;rehype-highlight&quot;;
  
  export default {
    chainWebpack: (config) =&gt; {
      config.module
        .rule(&quot;mdx&quot;)
        .test(/\.mdx?$/)
        .use(&quot;babel-loader&quot;)
        .loader(&quot;babel-loader&quot;)
        .options({ plugins: [&quot;@vue/babel-plugin-jsx&quot;] /* Other options… */ })
        .end()
        .use(&quot;@mdx-js/loader&quot;)
        .loader(&quot;@mdx-js/loader&quot;)
        .options({
          jsx: true,
          rehypePlugins: [rehypeHighlight] /* otherOptions… */,
        })
        .end();
    },
  };
  </code></pre>