不能在模块、Web Worker 和 vite 之外使用 import 语句

Question

我随机出现了一个问题，在我使用 vite 构建系统构建的 VueJS 应用程序中，我有许多 Web Worker 作为 ES 模块加载。

有一天，我启动了本地主机开发服务器，应用程序停止工作，并显示：“无法在模块外部使用 import 语句”

我已确保所有“设置”均按照各种其他堆栈溢出问题和各种其他建议

进行设置

import workerUrl from '@/libs/my.worker?worker&url';
const worker = new Worker(workerUrl, {type: 'module'})

我在 vite.config.js 文件中设置了以下内容：

 worker: {
    format: 'es',
  }

我遵循了每一条建议，但它仍然不起作用，但我不明白为什么。这仅发生在本地主机中，当托管在静态网站上时，不会出现该问题。

Answer 1

我知道这很愚蠢，但我将问题追溯到几年前安装的这个 Chrome 扩展程序：https://chromewebstore.google.com/detail/manage-web-workers/mcojhlgdkpgablplpcfgledhplllmnih?pli=1

我猜最近的 Chrome 更新促使我的浏览器在禁用该扩展多年后重新安装该扩展，这突然在一夜之间破坏了我的应用程序。

您可以轻松地以隐身模式运行应用程序，看看这是否会干扰网络工作线程的加载。这似乎是一个愚蠢的理由，但回想起来，这是有道理的，尽管我做了“所有正确的事情”，但我的问题仍然存在。

万一有人遇到与我相同的问题，我想我只需记录一下这可能是已安装扩展的问题。