javascript - 我正在尝试使用 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”来工作
因此，我将所有文件夹从“ Controller ”复制到“页面”文件夹并尝试访问静态页面“关于”
在这里，我遇到了错误，

sometime this error:

Firebase: Firebase App named '[DEFAULT]' alreadyexists (app/duplicate-app).

and on same page after reloading some time this error:

FirebaseError: projectId must be a string in 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();