在我的反应性JS项目中没有导入Firebase /
我试图在我的项目中使用防火墙，但是与firebase相关的类没有被导入。
这就是我到现在为止所做的：
- 在Firebase控制台
- 中创建了一个新项目，运行命令、
npm install -g firebase-tools、npm install firebase-admin --save和
，在我的项目中添加了一个名为firebase.js的新文件，并添加了以下代码:从" firebase“// For firebase JS v7.20.0导入防火墙，measurementId是可选的const firebaseConfig ={ apiKey：”AIzaSyAdjdq8JsSWKeHQYCHNzXm8nn29coh-4s“，authDomain：”ig-reels-a 9b15.Fireappbase.com“，projectId："ig-reels-a9b15"，storageBucket：“ig-reels-a9b15.apppot.com”，messagingSenderId："1018616208158"，appId：“1:1018616208158:bb1026f5301bd9294e070f”，measurementId："G-W3051LNHFL“}；const firebaseApp = firebase.initializaApp(firebaseConfig) const db = firebaseApp.firestore()导出默认db
我使用db变量从云防火墙数据库中提取数据，如下所示：
import React, {useState, useEffect} from "react"
import './App.css';
import VideoCard from './VideoCard';
import db from "./firebase";
function App() {
const [reels, setReels] = useState([])
useEffect(() => {
db.collection("reels").onSnapshot(snapshot => {
console.log(snapshot.docs.toString())
setReels(snapshot.docs.map(doc => doc.data()))
})
}, [])每当我运行这段代码时，我都会得到以下错误：
Compiled with problems:
ERROR in ./src/firebase.js 3:0-32
Module not found: Error: Package path . is not exported from package C:\Users\Aditya\Documents\reactjs-practise\reels_clone\node_modules\firebase (see exports field in C:\Users\Aditya\Documents\reactjs-practise\reels_clone\node_modules\firebase\package.json)
Did you mean './firebase'?
Requests that should resolve in the current directory need to start with './'.
Requests that start with a name are treated as module requests and resolve within module directories (node_modules, C:\Users\Aditya\Documents\reactjs-practise\reels_clone\node_modules).
If changing the source code is not an option there is also a resolve options called 'preferRelative' which tries to resolve these kind of requests in the current directory too.我已经成功地安装了所有与防火墙相关的工具。我为什么要犯这个错误？
回答 1
Stack Overflow用户
发布于 2022-04-26 11:02:17
首先，安装firebase，然后创建自己的firebase.js文件。我给你举个例子
firebase.js
import firebase from 'firebase/app';
import 'firebase/firestore';
const firebaseConfig = {
apiKey: "apiKey",
authDomain: "authDomain",
projectId: "projectId",
storageBucket: "storageBucket",
messagingSenderId: "messagingSenderId",
appId: "appid"
};
firebase.initializeApp(firebaseConfig);
export default firebase;App.js
const db = firebase.firestore();
//write you own codehttps://stackoverflow.com/questions/72012323
复制相似问题
腾讯云开发者
