Как получить доступ к сценарию контента из fopup.html файла ⇐ Javascript

[Anonymous]

Я создаю расширение браузера, используя wxt
Я настроил основные стили для Popup.html, и теперь я пытался создать элемент из DOM, используя расширение. Чтобы сделать это, я записал очень простой код JS, который создает видео элемент (это должно проверить, действительно ли он работает, и, к моему удивлению, я получил ошибку, в которой говорилось, что «документ не определен»). Поэтому после отладки какое -то время я узнал, что мы не можем получить доступ к DOM или хранилищам, связанным с фоновым работником. Чтобы получить к ним доступ, мы должны были бы сделать это, используя сценарий контента.# popup.html
const [tab] = await browser.tabs.query({ active: true, currentWindow: true })
if (!tab?.id) throw new Error("No tab found!")
console.log("tab ", tab)

const resp = await browser.tabs.sendMessage(tab.id, "to_content_script")
console.log("resp ", resp)
< /code>
# background.ts
import { browser } from "wxt/browser";

export default defineBackground(() => {
console.log("background worker initialized")
}
< /code>
# content.ts
export default defineContentScript({
matches: ["*://*/*"],

async main() {
console.log("content script initialized")
},
});
< /code>
CURRENT PROBLEM: the content script never actually initialized, no matter what i do.
I tried sending an message from popup.html to content.ts Файл, в котором я слушал сообщение.# wxt.config.ts
import { defineConfig } from 'wxt';

// See https://wxt.dev/api/config.html
export default defineConfig({
extensionApi: 'chrome',
srcDir: 'src',
modules: ['@wxt-dev/module-react'],
runner: {
startUrls: ["https://wxt.dev"],
},
manifest: {
version: "0.0.1",
permissions: ["activeTab", "tabCapture", "tabs", "webRequest", "scripting"],
host_permissions: [""],
background: {
service_worker: "background.ts",
type: "module"
},
content_scripts: [
{
"matches": [""],
"js": ["content-scripts/content.js"]
}
],
content_security_policy: {
extension_pages: "script-src 'self'; object-src 'self';",
},
web_accessible_resources: [
{
resources: ["*"],
matches: [""],
},
],
}
});


Подробнее здесь: https://stackoverflow.com/questions/795 ... -html-file