Chrome の拡張機能で関数が呼び出せません

Question

manifest.jon

{
  "name": "test",
  "description": "",
  "version": "0.1",
  "manifest_version": 3,
  "permissions": [
    "activeTab",
    "scripting",
    "clipboardWrite"
    ],
  "background": {
    "service_worker": "test.js"
  },
  "action": {
    "default_icon": "img/icon.png"
  }
}

onClickedaddLisenerで呼び出した関数内で別の関数(a)を呼び出そうとすると「Uncaught ReferenceError: a is not defined」というエラーが表示されます
ローカルの環境やpaizaでは実行できたのでjsの構文ではなくchromeの拡張機能の環境によって起こっているものだとは思うのですが解決方法がわかりません

test.js

function test() {
	a("OK?");
}

function a(b) {
	console.log(b);
}

chrome.action.onClicked.addListener((tab) => {
	chrome.scripting.executeScript({
		target: { tabId: tab.id },
		function: test
	});
});

Comments

[itagagaki]

chrome://extensions/ でそのインストールした拡張機能のところにエラーボタンが出ていないですか？

Answer 1

公式のドキュメントに書いてありますね。

https://developer.chrome.com/docs/extensions/reference/scripting/#runtime-functions

This function will be executed in the context of injection target. However, this will not carry over any of the current execution context of the function. As such, bound parameters (including the this object) and externally-referenced variables will result in errors.

対処法もこの段落のあとに載っています。