如何解决ESLint忽略importScripts引入文件变量的问题？

方案1：在ESLint配置中声明全局变量 #

在你的.eslintrc.json的globals字段里添加debug，标记为只读（匹配debug.js中常量的定义）：

{
  "globals": {
    "debug": "readonly"
  },
  "env": {
    "es6": true,
    "serviceworker": true,
    "webextensions": true
  }
}

这样ESLint会将debug视为预定义全局变量，不再抛出no-undef错误。

方案2：在代码中添加ESLint注释声明 #

如果不想修改全局配置，可在service_worker.js顶部添加单行注释，局部声明debug为全局变量：

/* global debug */
importScripts('debug.js');
debug('测试日志');

该方式仅作用于当前文件，不会影响其他文件的ESLint检查规则。

方案3：改用ES模块语法（环境支持时） #

若目标浏览器支持Service Worker使用ES模块，可切换为标准模块引入方式：

1. 在manifest.json中注册Service Worker时指定模块类型：

{
  "background": {
    "service_worker": "service_worker.js",
    "type": "module"
  }
}

2. 修改debug.js为导出模式：

export const debug = console.bind(console);

3. 在service_worker.js中用import引入：

import { debug } from './debug.js';
debug('测试日志');

这种方式符合ES模块规范，ESLint可自动识别导入的变量，无需额外配置。

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