मैं पर काम कर रहा था एक क्रोम ब्राउज़र एक्सटेंशन है. मैं कोशिश की जब कनेक्ट करने के लिए firebase के साथ वेब अनुप्रयोग में 2 संभव तरीके से कोई भी काम कर रहा है.
- का उपयोग कर "एनपीएम स्थापित firebase" जब मैं यह करने की कोशिश की कमान स्थापित करने के लिए firebase में परियोजना फ़ोल्डर और एक प्रश्न के लिखित fireConn.js फ़ाइल के साथ विन्यास से मैं मिला firebase बनाई गई परियोजना ऑनलाइन.
import {initializeApp} from 'firebase/app';
import {getFirestore} from 'firebase/firestore';
त्रुटि जो मैं मिल गया है
Uncaught TypeError: Failed to resolve module specifier "firebase/app". Relative references must start with either "/", "./", or "../".
- का उपयोग कर https://www.gstatic.com/firebasejs/9.4.1/firebase-app.js url प्राप्त करने के लिए जुड़ा हुआ है के साथ firebase
import {initializeApp} from "https://www.gstatic.com/firebasejs/9.4.1/firebase-app.js";
import {getFirestore} from "https://www.gstatic.com/firebasejs/9.4.1/firebase-firestore.js";
के रूप में मेरी परियोजना है एक क्रोम एक्सटेंशन है, मैं एक manifest.json फ़ाइल है जो निम्न स्वरूप में:
{
"name": "xxx",
"manifest_version": 3,
"version": "1.0",
"permissions": ["cookies","tabs"],
"host_permissions": ["<all_urls>"],
"action": {
"default_popup": "popup.html"
},
"content_security_policy": {
"extension_pages": "script-src 'self'; object-src 'self'",
"sandbox": "sandbox allow-scripts; script-src 'self' 'https://apis.google.com/' 'https://www.gstatic.com/' 'https://*.firebaseio.com' 'https://www.googleapis.com' 'https://ajax.googleapis.com'; object-src 'self'"
}
}
जो त्रुटि मैं था हो रही है:(कुछ गलत हो गया था के साथ content_security_policy)
Refused to load the script 'https://www.gstatic.com/firebasejs/9.4.1/firebase-firestore.js' because it violates the following Content Security Policy directive: "script-src 'self'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.