J'utilise react-create-app
pour créer mon extension Chrome. Lorsque j'utilise npm run build
dans React-create-app, j'obtiens l'erreur suivante :
L'exécution du script en ligne est refusée car elle viole la directive de politique de sécurité du contenu suivante : "script-src 'self'". Pour activer l'exécution en ligne, utilisez le mot-clé "unsafe-inline", un hachage ('sha256-5=') ou un nom occasionnel unique ('nonce-...').
index.html
Erreur
React App ≪/tête>
manifest.json
{ "version_manifeste": 2, "name": "Extension Chrome du projet IC", "description": "Cette extension est un point de départ pour créer une véritable extension Chrome", "version": "0.0.1", "action_navigateur": { "default_popup": "index.html", "default_title": "Ouvrez la popup" }, "Icônes": { "16": "actifs/icône-128.png", "48": "actifs/icône-128.png", "128": "actifs/icône-128.png" }, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'" }
Après quelques heures frustrantes, j'ai trouvé une solution qui fonctionne. L'exécution de scripts diffère entre Mac et PC. La plupart des réponses que j'ai trouvées présentaient la différence avec "set" et sans "set". Certains avec "&&", d'autres sans... mais aucun ne fonctionne pour moi.
En bref : utilisez le package npm "cross-env" comme ceci :
Cela fonctionne sur PC, probablement aussi sur Mac. Bien sûr, vous devez
npm install --save-dev cross-env
avant cela.