我在我的网络应用程序中使用Nuxt / Firestore . 但是,firebase sdk中存在一个问题,它在Node中使用时为firestore创建了问题 . 这个问题在这里描述 - https://github.com/firebase/firebase-js-sdk/issues/221
但是,最近该问题已经结束,但我仍然面临同样的问题 . 主要问题是“找不到模块'grpc'”或'firestore不是函数' .
我创建了一个复制此问题的虚拟项目,可以在此处下载:https://github.com/msahajwani/nuxt-firestore
要复制该问题,请按照下列步骤操作:
-
下载repo并安装依赖项
-
在〜/ api /文件夹中,创建一个名为config.js的文件,并在该文件中添加firebase配置,如下所示:
let config = {apiKey:'xxx',authDomain:'xxx',databaseURL:'xxx',projectId:'xxx',storageBucket:'xxx',messagingSenderId:'xxx'}
-
使用npm run dev运行应用程序
-
您会注意到该应用将在http://localhost:3000正确加载
-
主页有一个导航栏,其中包含Home和Top的链接 . 如果单击“顶部”链接,它将正确加载 . 这是因为它是客户端渲染 .
-
现在尝试刷新或直接在浏览器中加载页面http://localhost:3000/top . 这将强制服务器端渲染,然后您将看到错误 . 这是我一直在努力解决的问题 .
任何帮助是极大的赞赏 .
1 回答
对困惑感到抱歉 . https://github.com/firebase/firebase-js-sdk/issues/221刚刚修复,将包含在下一个Firebase版本中 . 您可以监控发行说明(https://firebase.google.com/support/release-notes/js)以查看发布时间(可能是本周四) .