我在我的网络应用中使用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配置,如下所示:
让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。这将强制服务器端渲染,然后您将看到错误。这是我一直在努力解决的问题。
非常感谢任何帮助。