Не удается использовать базу данных firebase для создания расширения Chrome в манифесте v3?

Я пытаюсь создать расширение для Chrome, которое использует firebase в качестве базы данных в моем файле content.js, но оно не работает. Я использую v3 манифест. Но я не могу импортировать firebase.

Я попытался настроить firebase в своем проекте, используя этот ресурс . Я также попытался загрузить исходный код из firebase-app.js и firebase-database.js и импортировал его с помощью

const firebase = chrome.extension.getURL('./firebase-app.js');

но этот файл имеет импорт из

https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js

это нарушает content_security_policy и я получаю эту ошибку

Refused to load the script ‘https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js’ because it violates the following Content Security Policy directive: “script-src ‘self’ ‘wasm-unsafe-eval’“. Note that ‘script-src-elem’ was not explicitly set, so ‘script-src’ is used as a fallback.

Я знаю об ограничениях внешнего кода.

Есть ли обходной путь для этого в реализации vanilla JS?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
57
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Как указано в ECR, вы не можете загружать эти скрипты из CDN.

Вместо этого вы должны установить конвейер сборки JavaScript (например, webpack или Rollup), чтобы скомпилировать пакет приложения из кода вашего расширения.

В Firebase есть документация по этому процессу и ссылка на соответствующие ресурсы, которые стоит просмотреть.

Было бы лучше использовать reactjs вместо vanilla js для создания расширения?

Raj Chandra 11.01.2023 10:54

Другие вопросы по теме