我正在尝试用next.js转换我现有的react应用程序.这样做对吗

Question

我们已经使用firebase-auth和solrDB在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"；文件夹并添加"；index.js"；helloworld-react程序测试下一个js，它通过运行脚本"；npm run dev"；

所以，我从"；控制器"；到"；页面"；文件夹并试图访问静态页面"；关于"；

这里，我得到以下错误，

有时这个错误：

Firebase:名为"[DEFAULT]"的Firebase应用程序已存在(应用程序/重复应用程序(。

并且在重新加载一段时间后在同一页面上出现此错误：

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();