从";Firebase";模块导入Firebase即使该模块已安装,该模块也不能在反应中工作 [英] import firebase from "firebase" module not working in reactjs even the module is already installed
本文介绍了从";Firebase";模块导入Firebase即使该模块已安装,该模块也不能在反应中工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
它显示如下错误
。
/firebase.js:2:0
Module not found: Package path . is not exported from package C:UserskrishDesktopFACEBOOK _CLONEfacebook_clone
ode_modulesfirebase (see exports field in C:UserskrishDesktopFACEBOOK _CLONEfacebook_clone
ode_modulesfirebasepackage.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).
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 |
> 2 | import firebase from 'firebase'
3 | import 'firebase/firestore'
4 |
5 |
Import trace for requested module:
./ComponentsInputBox.js
./ComponentsFeed.js
./pagesindex.js
https://nextjs.org/docs/messages/module-not-found
Firebase配置代码
import firebase from 'firebase'
import 'firebase/firestore'
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "fasdfsadfdsafjsafsafsfsfsfsfs",
authDomain: "facebook-clone-13234.firebaseapp.com",
projectId: "facebook-clone-13234",
storageBucket: "facebook-clone-13234.appspot.com",
messagingSenderId: "76247424324242",
appId: "1:762470571881:web:20a2432424324424324424",
measurementId: "G-9RDT591EEG",
};
const app = !firebase.apps.length
? firebase.initializeApp(firebaseConfig)
: firebase.app();
const db = app.firestore();
const storage = firebase.storage();
export {db,storage};
Package.json文件我已经使用NPM安装Firebase安装了Firebase
{
"name": "facebook_clone",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@heroicons/react": "^1.0.4",
"firebase": "^9.0.0",
"firebase-tools": "^9.16.6",
"next": "11.1.0",
"next-auth": "^3.29.0",
"react": "17.0.2",
"react-dom": "17.0.2"
},
"devDependencies": {
"autoprefixer": "^10.3.3",
"eslint": "7.32.0",
"eslint-config-next": "11.1.0",
"postcss": "^8.3.6",
"tailwindcss": "^2.2.8"
}
}
我正在使用reactjs、nextjs和顺风css构建一个Facebook克隆。此外,为了添加图像,我需要使用Firebase。使用NPM安装Firebase安装了Firebase,并在从";Firebase";导入Firebase后显示错误
推荐答案
试试:
import * as firebase from "firebase/app";
而不是:
import firebase from 'firebase'
这篇关于从";Firebase";模块导入Firebase即使该模块已安装,该模块也不能在反应中工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文