Tesseract.js funktioniert nicht in der Google Chrome-Erweiterung ⇐ JavaScript

[Guest]

Ich verwende Tesseract.js, um Text aus einem Bild in einer Google Chrome-Erweiterung zu lesen, stehe aber vor einer Herausforderung: Tesseract.js enthält worker.min.js von einem CDN zur Laufzeit und den CSP von Chrome erlaubt keine externen Skripte. Ich teile meine manifest.json und lass mich erklären, was ich bisher versucht habe, obwohl keiner der Versuche funktioniert hat.
Ich habe verschiedene Ansätze ausprobiert, wie z Verwenden eines lokalen Worker-Skripts (siehe Code unten als Referenz), aber auch das war nicht zulässig, da das lokale Skript mit der Erweiterung //app_id/worker.min.js geladen wird. Ich habe auch verschiedene Optionen in „extension_pages“ ausprobiert: „script-src ‚self‘; object-src ‚self‘;“ wie blob: und ‚wasm-unsafe-eval‘ , aber keiner von ihnen hat das Problem gelöst.

Code: Select all

// initiate local script
const worker = Tesseract.createWorker({
workerPath: chrome.runtime.getURL('assets/worker.min.js'),
corePath: chrome.runtime.getURL('assets/tesseract-core.wasm.js'),
langPath: chrome.runtime.getURL('assets/lang/')
});

// initiate with local worker script using blob

const worker = Tesseract.createWorker({
workerPath: blobURL,
corePath: chrome.runtime.getURL('tesseract-core.wasm.js'),
langPath: chrome.runtime.getURL('lang/')
});

Code: Select all

{
"manifest_version": 3,
"name": "Test Study",
"version": "1.0",
"description": "Generate quizzes and flashcards from selected text and screenshots.",
"permissions": [
"contextMenus",
"tabs",
"activeTab",
"scripting",
"storage",
"identity"
],
"oauth2": {
"client_id": "************************.apps.googleusercontent.com",
"scopes": [
"email",
"profile",
"https://www.googleapis.com/auth/userinfo.email",
"https://www.googleapis.com/auth/userinfo.profile"
]
},
"background": {
"service_worker": "background.js"
},
"host_permissions": [
"http://localhost:4200/*",
"https://app.testudy.io/*",
"https://app2.testudy.io/*",
""
],
"action": {
"default_popup": "index.html",
"default_icon": {
"16": "logo_16.png",
"24": "logo_24.png",
"32": "logo_32.png"
}
},
"icons": {
"16": "logo_16.png",
"48": "logo.png",
"128": "logo.png"
},
"content_security_policy": {
"extension_pages": "script-src 'self'; object-src 'self';"
},
"content_scripts": [
{
"matches": [
"http://localhost:4200/*",
"http://localhost/*",
"https://app.testudy.io/*",
"https://app2.testudy.io/*"
],
"js": ["content.js"],
"run_at": "document_end"
}
],
"web_accessible_resources": [
{
"resources": ["worker.min.js"],
"matches": [""]
}
]
}