No estoy seguro de por qué mi jquery no se carga correctamente en mi secuencia de comandos de contenido, aunque tengo el archivo jquery.js debajo de los recursos en los recursos accesibles desde la web. Sigo recibiendo este error: "ReferenceError: $ no está definido". Agradecería cualquier ayuda, gracias.

manifiesto.json

 { "name": "Work Smarter", "description": "Work Smarter - Elimanate Distractions, Be Productive", "version": "1.0", "manifest_version": 3, "background": { "service_worker": "background.js" }, "permissions": ["storage", "activeTab", "scripting", "tabs"], "action": { "default_popup": "popup.html", "default_icon": { "16": "/images/16x16.png", "32": "/images/32x32.png", "48": "/images/48x48.png", "128": "/images/128x128.png" } }, "icons": { "16": "/images/16x16.png", "32": "/images/32x32.png", "48": "/images/48x48.png", "128": "/images/128x128.png" }, "web_accessible_resources": [ { "resources": ["contentscript.css", "images/neverGiveUp.png", "jquery.js"], "matches": ["<all_urls>"] } ], "host_permissions": ["http://*/", "https://*/*"] }