WebWorker导入解析失败求助：Parcel无法识别worker!路径

问题根源 #

你遇到的Failed to resolve 'worker!./worker.ts'错误，是因为原代码使用的worker!前缀是Parcel 1的旧语法，而当前使用的Parcel 2已经废弃了这种写法，改用符合ES标准的Worker导入方式。

具体修复步骤 #

1. 修改Solver.ts中的Worker导入语句 #

打开./nonogram_lib/Solver.ts，找到这一行：

import SolverWorker from 'worker!./worker.ts'

替换为以下两种方式之一：

方式一：标准ES模块Worker语法（推荐）

// 直接通过URL创建Worker实例
const solverWorker = new Worker(new URL('./worker.ts', import.meta.url));

如果原代码是通过new SolverWorker()实例化Worker，需要将使用该类的代码调整为直接使用solverWorker实例，或者封装成函数复用：

// 封装成函数，保留原实例化调用逻辑
function createSolverWorker() {
  return new Worker(new URL('./worker.ts', import.meta.url));
}

方式二：Parcel 2导入断言语法

import workerUrl from './worker.ts' assert { type: 'worker' };
const solverWorker = new Worker(workerUrl);

2. 验证Worker代码兼容性 #

确保worker.ts采用ES模块规范编写（比如用export导出方法），你的tsconfig已设置target: es6，基本可以满足兼容性要求。

3. 重新构建项目 #

执行Parcel的构建或启动命令（如parcel serve或parcel build），验证错误是否消除。

额外说明 #

Parcel 2对资源的处理完全遵循ES标准，不再依赖特殊前缀语法，这也让代码更具可移植性。如果项目中还有其他类似旧语法的导入（如url!、file!），都需要替换为Parcel 2支持的标准写法。

内容的提问来源于stack exchange，提问作者Vadim Tikanov