title: "TypeError: Failed to fetch dynamically imported module" on Vue/Vite vanilla setup
body: <p>We have a vanilla Vue/Vite setup and I'm receiving <code>TypeError: Failed to fetch dynamically imported module</code> on sentry logs.</p>
  <p>It seems like the errors are correlated in time with new deployment to prod, although I don't have enough data to confirm. It doesn't happen on local and appears only on deployed code.<br />
  I've seen some similar questions for react's setups, but none with a satisfactory response.<br />
  I've also found a <a href="https://stackoverflow.com/questions/61488617/uncaught-in-promise-typeerror-failed-to-fetch-dynamically-imported-module">similar question regarding dynamically imported svgs</a>, but our errors happen for full components.</p>
  <p>The only place where we use dynamic imported components is on routing:</p>
  <pre class="lang-js prettyprint-override"><code>export const router = createRouter({
    history: routerHistory,
    strict: true,
    routes: [
      {
        path: '/',
        name: routes.homepage.name,
        component: () =&gt; import('@/views/Home.vue'),
        children: [
          {
            path: '/overview',
            name: routes.overview.name,
            component: () =&gt; import('@/views/Overview.vue'),
          },
          // other similar routes
        ],
      },
    ],
  });
  </code></pre>
  <p>Our deps versions:</p>
  <pre class="lang-js prettyprint-override"><code>    &quot;vue&quot;: &quot;^3.0.9&quot;,
      &quot;vue-router&quot;: &quot;^4.0.5&quot;,
      &quot;vite&quot;: &quot;^2.0.5&quot;,
  </code></pre>
  <p>Any additional information on this issue and how to debug it would be much appreciated!</p>