我在下一個 js 中使用 firebase 但它給出了一條錯誤訊息
型別錯誤：無法讀取未定義的屬性“長度” 無論如何我都可以修復此錯誤。
這是我的 firebase 組態檔
import * as firebase from "firebase/app";
import 'firebase/firestore'
const firebaseConfig = {
apiKey: "AIzaSyD0Kz7iRs6WKSXO6Iw2hEeDFeRcDGERmV8",
authDomain: "facebook-clone-1870b.firebaseapp.com",
projectId: "facebook-clone-1870b",
storageBucket: "facebook-clone-1870b.appspot.com",
messagingSenderId: "924586129038",
appId: "1:924586129038:web:1d4204813a4956bd353bdf"
};
const app = !firebase.apps.length
? firebase.initializeApp(firebaseConfig)
: firebase.app();
const db = app.firestore();
const storage = firebase.storage();
export {db,storage};
這是錯誤資訊
.next\server\pages\index.js (12:13) @ Object../firebasec.js
10 | };
11 |
> 12 | const app = !firebase.apps.length
| ^
13 | ? firebase.initializeApp(firebaseConfig)
14 | : firebase.app();
Package.json 檔案
{
"name": "my-app",
"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.1.3",
"next": "11.1.2",
"next-auth": "^3.29.0",
"react": "17.0.2",
"react-dom": "17.0.2"
},
"devDependencies": {
"autoprefixer": "^10.3.7",
"eslint": "7.32.0",
"eslint-config-next": "11.1.2",
"postcss": "^8.3.11",
"tailwindcss": "^2.2.17"
}
}
uj5u.com熱心網友回復：
看起來你的代碼有firebase v8，而你有firebase v9包，它有完全不同的匯入結構。當您使用 v8 學習一些教程并安裝 firebase 時，這種情況會發生很多，因此默認情況下它會獲得最新版本的 v9
你該怎么辦：
1- 洗掉當前版本
npm rm firebase
2- 安裝最新的 8.x
npm install [email protected]
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/333913.html
標籤：javascript 火力基地 下一个.js