से इनकार कर दिया लोड करने के लिए स्क्रिप्ट 'https://www.gstatic.com/firebasejs/9.4.1/firebase-app.js' क्योंकि यह उल्लंघन करती है निम्नलिखित सामग्री सुरक्षा नीति

0

सवाल

मैं पर काम कर रहा था एक क्रोम ब्राउज़र एक्सटेंशन है. मैं कोशिश की जब कनेक्ट करने के लिए firebase के साथ वेब अनुप्रयोग में 2 संभव तरीके से कोई भी काम कर रहा है.

  1. का उपयोग कर "एनपीएम स्थापित 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 "../".
  1. का उपयोग कर 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.
1

सबसे अच्छा जवाब

0

पहली, संशोधित करने, आयात के नीचे के रूप में:

import { initializeApp } from "https://www.gstatic.com/firebasejs/9.4.1/firebase-app.js";
import { getFirestore, collection, getDocs } from "https://www.gstatic.com/firebasejs/9.4.1/firebase-firestore.js";

आप पा सकते हैं के बारे में अधिक जानकारी से यह प्रलेखन. के बाद से आप का उपयोग कर रहे हैं एक मॉड्यूल bundler की जरूरत है, प्रकार="मॉड्यूल" करने के लिए जोड़ा जा करने के लिए यह. सही प्रारूप में होना चाहिए:

<script type="module" src="........”></script>

कृपया ध्यान दें: src पर निर्भर करता है कैसे आप पथ सेट.

आप कर सकते हैं भी संदर्भित करने के लिए वीडियो के साथ शुरू हो रही Firebase के लिए वेब – Firebase बुनियादी बातों. इसके अलावा, कनेक्ट नहीं कर सकता करने के लिए Firebase,Uncaught त्रुटि में Firebase हो सकता है यह करने के लिए जोड़ें.

2021-11-22 09:28:05

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में