小编Eck*_*rdt的帖子

如何仅在Sapper的客户端上导入Firebase?

我正在将Firebase导入到Sapper应用程序中,我不希望在服务器上评估导入。如何确保仅在客户端导入?

我正在使用Sapper运行sapper export,它会生成静态文件。我试过了:

  • 在其自己的文件中创建firebase实例,然后导出firebase.auth()firebase.firestore()模块。

  • 尝试调整rollup.config.js以解决不同的依赖关系,如以下错误消息所建议。这带来了更多的头痛。

  • 在中创建Firebase实例client.js。不成功。

  • 在中创建实例stores.js。不成功。

  • 声明变量并将其分配给onMount()。这使我不得不在不同的块范围内工作。而且感觉有点。

应用程序的初始化工作正常:

import firebase from 'firebase/app'

const config = {...}

firebase.initializeApp(config);
Run Code Online (Sandbox Code Playgroud)

我还发现,如果我将导入更改为仅import firebase from 'firebase',则不会出现此服务器错误:

import firebase from 'firebase/app'

const config = {...}

firebase.initializeApp(config);
Run Code Online (Sandbox Code Playgroud)

我希望只从文件中导出这些firebase功能并将它们导入到我的组件中,例如:

 @firebase/app:
Warning: This is a browser-targeted Firebase bundle but it appears it is being run in a Node environment.  If running in a Node environment, make sure you are using the bundle specified by …
Run Code Online (Sandbox Code Playgroud)

firebase svelte

6
推荐指数
2
解决办法
1261
查看次数

标签 统计

firebase ×1

svelte ×1