@vitejs/plugin-legacy breaks code: Failed to resolve import "_" from "dist/main.js". Does the file exist?
#17471
Comments
|
|
|
After building, you can't use the built output files in the dev server again generally. Particularly in this case, Vite will inject guard code, like the If you want to use the built output files, you can use Altogether, if you're trying to get legacy support to work, it may still not be enough. Vite needs to inject additional scripts to handle when modern/legacy chunks are used. Here's an example html output you can replicate with a simple Vite project that has a root <script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script>
<script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
<script type="module" crossorigin src="./assets/polyfills-skbuN6Et.js"></script>
<script type="module" crossorigin src="./assets/index-DDYQejV-.js"></script>
<link rel="modulepreload" crossorigin href="./assets/chunk-main.DzdicFi7.js">
<body>...trimmed...</body>
<script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
<script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-Cb2nEpmd.js"></script>
<script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/index-legacy-D-CtGtjI.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>You could replicate its flow manually if you like, but it may be tricky and out of scope of the plugin. Closing this as the rest are working as expected. |
Describe the bug
This only happens when using
legacyplugin.I'm trying to build static js files to import them in differents sites. When I try to load the dist files, I get an error:
Used Package Manager
npm
Logs
Click to expand!
Validations
The text was updated successfully, but these errors were encountered: