title: Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.js?v=535663ae' does not provide an export named 'default'
body: <p>I'm using a js framework known as <a href="https://docs.vue.griptapejs.com" rel="noreferrer">griptape</a>(used for blockchain). I'm getting this error when trying to use the vue router.</p>
  <pre><code>import Vue from &quot;vue&quot;; //Error **does not provide an export named 'default'**
  import VueRouter from &quot;vue-router&quot;;
  import Home from &quot;../views/Home.vue&quot;;
  
  Vue.use(VueRouter);
  
  const routes = [
    {
      path: &quot;/&quot;,
      name: &quot;Home&quot;,
      component: Home,
    },
    {
      path: &quot;/about&quot;,
      name: &quot;About&quot;,
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () =&gt;
        import(/* webpackChunkName: &quot;about&quot; */ &quot;../views/About.vue&quot;),
    },
  ];
  
   const router = new VueRouter({
    routes,
  });
  export default router;
  </code></pre>
  <p>while my <code>vue.d.ts</code> file looks like this</p>
  <pre><code>import { CompilerOptions } from '@vue/compiler-dom';
  import { RenderFunction } from '@vue/runtime-dom';
  
  export declare function compile(template: string | HTMLElement, options?: CompilerOptions): RenderFunction;
  
  export * from &quot;@vue/runtime-dom&quot;;
  
  export { }
  </code></pre>
  <p><code>router.d.ts</code> file look like this <a href="https://i.stack.imgur.com/BINk2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BINk2.png" alt="enter image description here" /></a></p>