Node.js中使用URL.createObjectURL导入字符串生成模块的问题

错误原因 #

Node.js的模块解析系统不支持浏览器特有的Blob URL（blob:nodedata:...这类URL scheme）。浏览器中Blob URL是内部管理的临时资源标识，有对应的资源读取逻辑，但Node.js没有实现对这类URL的处理，因此会抛出“找不到模块”的错误。

成功导入字符串模块的几种方法 #

方法1：使用Node.js内置的vm模块（虚拟机模块） #

通过vm.SourceTextModule可以直接将字符串解析为ES模块，无需依赖文件系统：

import { vm } from 'node:vm';
import { createRequire } from 'node:module';

const code = 'export default 123';
// 创建模块上下文，模拟Node.js模块环境
const context = vm.createContext({
  require: createRequire(import.meta.url),
  __dirname: import.meta.dirname,
  __filename: import.meta.filename
});

// 创建源文本模块
const virtualModule = new vm.SourceTextModule(code, { context });

// 链接模块（处理依赖，如有外部import需在此逻辑中处理）
await virtualModule.link(async (specifier) => {
  throw new Error(`暂不支持导入外部模块：${specifier}`);
});

// 执行模块
await virtualModule.evaluate();

// 获取模块导出内容
console.log(virtualModule.namespace.default); // 输出 123

方法2：临时文件中转 #

将字符串写入临时文件，导入后再删除文件，适合简单场景：

import { writeFile, unlink } from 'node:fs/promises';
import { tmpdir } from 'node:os';
import { join } from 'node:path';

const code = 'export default 123';
// 生成唯一临时文件路径
const tempFilePath = join(tmpdir(), `temp-esm-${Date.now()}.mjs`);

try {
  // 写入字符串到临时文件
  await writeFile(tempFilePath, code, 'utf8');
  // 导入临时文件（需使用file://协议）
  const module = await import(`file://${tempFilePath}`);
  console.log(module.default); // 输出 123
} finally {
  // 无论成功失败都清理临时文件
  await unlink(tempFilePath).catch(err => console.error('清理临时文件失败:', err));
}

方法3：自定义ES模块加载器（适合频繁使用虚拟模块的场景） #

通过Node.js的实验性模块加载器API，自定义加载器识别虚拟模块：

1. 创建加载器文件virtual-module-loader.mjs：

const virtualModules = new Map();

// 对外暴露注册虚拟模块的方法
export function registerVirtualModule(specifier, code) {
  virtualModules.set(specifier, code);
}

// 实现加载逻辑
export async function load(url, context, nextLoad) {
  // 识别自定义的virtual:协议
  if (url.startsWith('virtual:')) {
    const moduleName = url.slice('virtual:'.length);
    const code = virtualModules.get(moduleName);
    if (!code) {
      throw new Error(`虚拟模块 ${moduleName} 未注册`);
    }
    return {
      format: 'module',
      source: code,
      shortCircuit: true
    };
  }
  // 其他URL交给默认加载器处理
  return nextLoad(url, context);
}

2. 主程序文件main.mjs：

import { registerVirtualModule } from './virtual-module-loader.mjs';

// 注册虚拟模块
registerVirtualModule('my-custom-module', 'export default 123');
// 导入虚拟模块
const module = await import('virtual:my-custom-module');
console.log(module.default); // 输出 123

3. 启动程序时需启用实验性加载器：

node --experimental-loader ./virtual-module-loader.mjs main.mjs

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