Ошибка при добавлении Firebase в расширение Chrome в JS

Question

У меня проблемы с работой Firebase в JS, особенно над расширением.

Вот мой манифест.json

{
"manifest_version": 2,     //required
"version": "1.0",               //required
"name": "Hello World!",   //required
"description": "Learning how to make a chrome extension!",
"icons": {
    	"16": "images/puppy16.png",
    	"48": "images/puppy48.png",
    	"128": "images/puppy.png"
    },
"browser_action":
	{
	"default_icon": "images/puppy.png",
    "default_popup": "popup.html"
	}, 
"background": {
    "scripts": ["background.js"]
  },
  "content_security_policy": "script-src 'self' https://cdn.firebase.com https://*.firebaseio.com; object-src 'self'"
  "permissions": [
      "identity",
      "tabs",
       "activeTab",
        "http://*/*",
        "https://*/*"
  ]
}

А вот и мой файл background.js

 // Initialize Firebase
  var config = {
    apiKey: "xxxxxx",
    authDomain: "xxx.firebaseapp.com",
    databaseURL: "xxxx",
    projectId: "xxx",
    storageBucket: "xxx",
    messagingSenderId: "xxx"
  };
  firebase.initializeApp(config);
  
var rootRef = firebase.database().ref();

function writeUserData(userId, name, email, imageUrl) {
  rootRef.database().ref('users/' + userId).set({
    username: name,
    email: email,
    profile_picture : imageUrl
  });
}
writeUserData("11", "pete", "p@g.com", "google.com")

Я специально получаю сообщение об ошибке: Uncaught ReferenceError: firebase не определено.

Возможно, проблема во внешних библиотеках?

Answer 1

Вы не импортировали FireBase SDK никоим образом.Просто поместить их в одну папку недостаточно, чтобы ваш файл знал о Firebase.Добавьте js-файл firebase SDK в часть сценариев манифеста перед сценарием background.js.Скажите, что он называется firebase.js, ваш манифест должен содержать следующую строку:

"scripts": ["firebase.js", "background.js"]