is there an event of vite:preloadError?
#17720
|
The documentation says that you need to keep the I have assembled an application for production and I don't see any code there that would generate this event here is the vite code from production that handles preloading : (function () {
const o = document.createElement('link').relList;
if (o && o.supports && o.supports('modulepreload')) return;
for (const e of document.querySelectorAll('link[rel="modulepreload"]')) c(e);
new MutationObserver((e) => {
for (const r of e)
if (r.type === 'childList')
for (const n of r.addedNodes)
n.tagName === 'LINK' && n.rel === 'modulepreload' && c(n);
}).observe(document, { childList: !0, subtree: !0 });
function i(e) {
const r = {};
return (
e.integrity && (r.integrity = e.integrity),
e.referrerPolicy && (r.referrerPolicy = e.referrerPolicy),
e.crossOrigin === 'use-credentials'
? (r.credentials = 'include')
: e.crossOrigin === 'anonymous'
? (r.credentials = 'omit')
: (r.credentials = 'same-origin'),
r
);
}
function c(e) {
if (e.ep) return;
e.ep = !0;
const r = i(e);
fetch(e.href, r);
}
})(); |
Replies: 3 comments 4 replies
|
That's the |
|
but I don't have this code in production ( |
|
In that case, you don't have anything to preload. Vite won't add the preloader if there's nothing that will use it, that'd be a waste. |
|
here is my built html <!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/my-tasks/vite-DcBtz0py.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>dev Vite + React + TS</title>
<script type="module" crossorigin src="/my-tasks/main-BjMQP2T6.js"></script>
<!-- this is it ? -->
<link rel="modulepreload" crossorigin href="/my-tasks/main-BjMQP2T6.js">
<link rel="modulepreload" crossorigin href="/my-tasks/react-CZOs8TLD.js">
<link rel="stylesheet" crossorigin href="/my-tasks/main-BMPesMoU.css">
</head>
<body>
<div id="root"></div>
</body>
</html> |
|
Your HTML isn't relevant. Vite's preloader is used to automatically preload additional chunks, usually from code splitting (dynamic imports) or CSS imports, to avoid waterfalls. If you're not making use of that, however, the preloader isn't needed. |
Your HTML isn't relevant.
Vite's preloader is used to automatically preload additional chunks, usually from code splitting (dynamic imports) or CSS imports, to avoid waterfalls. If you're not making use of that, however, the preloader isn't needed.