Unchecked Runtime.lasterRor: не удалось загрузить файл: 'content.js' ⇐ Javascript

[Anonymous]

Итак, я строю расширение Chrome, используя Manifest v3. Мой content.js даже не загружается; Это в корневом каталоге, и когда я запускаю «NPM Run Build», «нет ошибок
у кого -нибудь здесь испытывал такую ​​же ошибку? />console.log("content.js loaded!");
let fetchDefinition = async (word) => {
try {
let response = await fetch(`https://api.dictionaryapi.dev/api/v2/entries/en/${word}`)
let data = await response.json()
console.log(data);
return data
}
catch(e) {
console.error(e);
}
}

chrome.runtime.onMessage.addListener(async (message, sender, sendResponse) => {
console.log(request, sender, sendResponse);
if (message.action === "findMeaning") {
const selectedText = message.text.trim().toLowerCase();
if (selectedText) {
// Showing a temporary loading bubble
showDefinitionPopup(`Looking up: "${selectedText}"`);
let data = await fetchDefinition(selectedText)

setTimeout(() => {
showDefinitionPopup(`Definition of "${selectedText}":\n mock def here`);
}, 1000);
}
}
});

function showDefinitionPopup(content) {
removeExistingPopup();

const popup = document.createElement("div");
popup.id = "wmd-popup";
popup.innerText = content;

Object.assign(popup.style, {
position: "fixed",
top: "20px",
right: "20px",
background: "#fff",
color: "#000",
padding: "12px",
border: "1px solid #ccc",
borderRadius: "8px",
boxShadow: "0 2px 8px rgba(0,0,0,0.2)",
zIndex: "999999",
maxWidth: "300px",
fontSize: "14px",
whiteSpace: "pre-wrap"
});

document.body.appendChild(popup);

setTimeout(() => {
popup.remove();
}, 6000);
}

function removeExistingPopup() {
const existing = document.getElementById("wmd-popup");
if (existing) existing.remove();
}

< /code>
background.js
chrome.runtime.onInstalled.addListener(() => {
chrome.contextMenus.create({
id: "lookupMeaning",
title: "Find Meaning",
contexts: ["selection"],
});
});

chrome.contextMenus.onClicked.addListener((info, tab) => {
console.log("Context menu clicked!", info, tab);
if (info.menuItemId === "lookupMeaning") {
// Inject content script first
chrome.scripting.executeScript({
target: { tabId: tab.id },
files: ["content.js"]
}, () => {
// Then sending message
chrome.tabs.sendMessage(tab.id, {
action: "findMeaning",
text: info.selectionText
});
});
}
});

< /code>
manifest.config.js
export default {
name: "Word Meaning Detective",
version: "1.0.0",
manifest_version: 3,
description: "Right-click or select any word to see its meaning instantly.",
permissions: ["contextMenus", "scripting", "tabs", "activeTab"],
host_permissions: [""],
background: {
service_worker: "background.js"
},
action: {
default_popup: "popup.html",
default_icon: "icon.png"
},
content_scripts: [
{
matches: [""],
js: ["content.js"]
}
],
icons: {
"16": "icon.png",
"48": "icon.png",
"128": "icon.png"
}
};


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