Использование js в расширении Chrome

Я следую этому руководству, чтобы создать новое расширение Chrome для вкладок. Https://facebook.github.io/react/docs/tutorial.html

но когда я прикрепляю

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>

для рендеринга JSX с использованием babel, как предложено в руководстве, я получаю эту ошибку из консоли браузера.

"browser.min.js: 4 Uncaught EvalError: Отказался оценивать строку как JavaScript, поскольку unsafe-eval не является допустимым источником сценария в следующей директиве политики безопасности содержимого: script-src 'self' blob: filesystem: хром-расширение-ресурс: "" скриншот ошибки

Я знаю, что это нарушает директиву CSP, но опять же, как я могу использовать последнюю версию responseJS с использованием babel?

Ответ 1

В файле manifest.json вы можете попробовать установить

"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"

Я получил ответ от здесь. Это избавило меня от ошибки, но я недостаточно осведомлен об этом, чтобы узнать о других последствиях, извините.

Ответ 2

Для всех, кто приезжает сюда, ответ Бруно более правильный. Используйте режим "производство". Например, в угловых

ng build --prod