前端项目自动刷新部署后，入口文件main.js不执行怎么办？

<code class="javascript">// main.js 或其他入口文件
const worker = new Worker(new URL('./utils/autoupdate.ts', import.meta.url), { type: 'module' });
worker.postMessage({ url: `${window.location.protocol}//${window.location.host}` });

worker.onmessage = (e) => {
    if (e.data === 1) {
        // 使用合适的弹窗组件提示用户更新
        // ...例如使用element-ui的messagebox...
        elmessagebox.alert('检测到新版本，请刷新页面', {
            confirmbuttontext: '刷新',
            showclose: false,
            callback: () => {
                window.location.reload();
            },
        });
    }
};


// utils/autoupdate.ts
let url;
let previousTimeTag;
let intervalTimer;

async function getTimeTag() {
    const res = await fetch(url, { method: 'HEAD', cache: 'no-cache' });
    return res.headers.get('etag') || res.headers.get('last-modified');
}

function checkUpdate() {
    getTimeTag().then((currentTimeTag) => {
        if (currentTimeTag !== previousTimeTag) {
            clearInterval(intervalTimer);
            self.postMessage(1);
        }
    });
}

self.onmessage = function (e) {
    const data = e.data;
    if ('url' in data) {
        url = data.url;
        (async () => {
            previousTimeTag = await getTimeTag();
            intervalTimer = setInterval(checkUpdate, 300000); // 检查频率：5分钟
        })();
    } else {
        console.log('Worker received unknown message:', data);
    }
};</code>