我正在嘗試使用 next.js 轉換我現有的 React 應用程序。 這是正確的做法嗎？

Question

我們已經使用 firebase auth 和 solr DB 在 react-redux 中創建了項目。

下面是我們應用程序的當前文件夾結構。

--src
    --actions
    --assets
    --components
    --controllers
    --firebase
    --reducers
    --utils
    --app.js

現在，要將應用程序轉換為下一個 js，我在依賴項中添加了下一個 js 並更改了腳本如下

 "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },

現在，我在“src”文件夾中創建了目錄“pages”並添加了“index.js”hello world react程序來測試下一個js，它通過運行腳本“npm run dev”來工作

因此，我將所有文件夾從“controllers”復制到“pages”文件夾並嘗試訪問靜態頁面“about”

在這里，我遇到了以下錯誤，

有時這個錯誤：

Firebase：名為“[DEFAULT]”的 Firebase 應用已經存在（app/duplicate-app）。

並在重新加載一段時間后在同一頁面上出現此錯誤：

FirebaseError：projectId 必須是 FirebaseApp.options 中的字符串

What other things to do more to convert existing react app to next.js?

Answer 1

我在 Next.js 和 React Native 中多次看到這個 firebase 錯誤。 我認為它與渲染或其他東西有關，但這是解決方案：

firebase.js

import firebase from 'firebase/app';
import 'firebase/firestore';
import 'firebase/auth';

let config = {
  // your config
};

export default !firebase.apps.length
  ? firebase.initializeApp(config)
  : firebase.app();