Chrome扩展用extension CLI导入Afinn-165遇模块导入错误求助

这个错误的核心原因是：Chrome扩展的background.js默认被当作传统非模块脚本加载，不支持ES模块的import语法。下面给你几个实用的解决办法：

方法1：把background脚本声明为ES模块 #

修改扩展的manifest.json文件，将background配置改为支持ES模块的service worker：

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

注意：

• 该方案要求Chrome版本≥92（目前主流版本均满足）
• 如果你的manifest里原来用的是"scripts": ["background.js"]，要改成"service_worker"（service worker仅支持指定单个入口文件）

修改完成后，import {afinn165} from 'afinn-165';就能正常工作，前提是你的extension-cli已将Afinn-165依赖正确打包到扩展文件中。

方法2：直接引入Afinn-165的源码（适合新手，无需依赖打包） #

Afinn-165本质是一个包含单词与对应情感分数的JSON对象，你可以直接把它的内容复制到扩展中使用：

1. 找到node_modules/afinn-165/afinn-165.json文件，复制里面的全部内容
2. 在你的扩展目录新建afinn.js文件，将JSON内容转为ES模块导出：

// afinn.js
export const afinn165 = {
  "abandon": -2,
  "abandoned": -2,
  "abandons": -2,
  // 粘贴完整的单词-分数列表
};

3. 在background.js中导入本地的这个文件：

import { afinn165 } from './afinn.js';

这个方法无需依赖npm包的打包流程，逻辑直观，适合刚接触Web开发的你。

方法3：用打包工具将依赖打包进脚本 #

如果你使用的extension-cli基于webpack或rollup这类打包工具，可通过配置将Afinn-165的代码打包到background.js中：

1. 检查extension-cli的配置文件（如webpack.config.js），确保background脚本被纳入打包入口
2. 在background.js中使用require语法引入：

const { afinn165 } = require('afinn-165');

3. 运行extension-cli的打包命令（如npm run build），生成的打包后脚本即可正常运行。

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