Chrome扩展ServiceWorker中JS保存XML遇require未定义错误求助

问题原因 #

你遇到的require is not defined错误，是因为Chrome扩展的Service Worker（或后台脚本）运行在浏览器环境中，不支持Node.js的require和fs模块——这些是Node.js专属API，浏览器/扩展环境未实现。而你尝试的document.createElement('a')方法无效，是因为Service Worker没有DOM环境，无法操作页面元素。

可行解决方案：使用Chrome Downloads API #

Chrome扩展提供了chrome.downloads API，可直接在后台脚本/Service Worker中触发文件下载，无需依赖DOM。步骤如下：

1. 在manifest.json中添加权限 #

首先在扩展的manifest.json里声明downloads权限：

{
  "manifest_version": 3,
  // 其他配置项...
  "permissions": ["downloads"]
}

2. 修改保存文件的代码 #

替换原json_to_xml函数，用chrome.downloads.download()替代fs.writeFile：

function json_to_xml(jsonFile) {
  // 保留你原有的XML转换逻辑，生成完整的xml_data
  let xml_data = '<?xml version="1.0" encoding="windows-1252"?>'
  // 此处补充从jsonFile到xml_data的转换代码

  // 将XML字符串转为Blob对象
  const blob = new Blob([xml_data], { type: 'application/xml' })
  // 创建Blob的临时URL
  const url = URL.createObjectURL(blob)

  // 调用Chrome Downloads API触发下载
  chrome.downloads.download({
    url: url,
    filename: 'erp_data.xml', // 自定义下载后的文件名
    saveAs: true // 弹出保存对话框让用户选择路径，设为false则直接下载到默认目录
  }, (downloadId) => {
    if (chrome.runtime.lastError) {
      console.error(chrome.runtime.lastError.message)
    } else {
      console.log(`文件已开始下载，ID: ${downloadId}`)
    }
    // 释放临时URL资源
    URL.revokeObjectURL(url)
  })
}

3. 修正原代码中的函数名错误 #

原代码里定义了getResponse函数，但调用的是getDeliveryResponse()，需统一函数名：

chrome.action.onClicked.addListener((tab) => {
  let requestUrl = 'https://url'
  async function getDeliveryResponse() {
    const response = await fetch(requestUrl)
    return await response.json()
  }

  getDeliveryResponse().then(delivery => {
    json_to_xml(delivery)
  })
})

补充说明 #

• 若扩展使用Manifest V2，API调用逻辑基本一致，权限声明方式相同，后台脚本环境也支持chrome.downloads。
• saveAs: true会弹出系统保存对话框，用户可自定义保存路径；设为false则直接下载到浏览器默认下载目录。

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