我正在尝试在 Sapper 中实现 firebase。
我安装了模块(@firebase/app、@firebase/auth、@firebase/firestore),然后编写了一个配置文件:
import firebase from '@firebase/app';
import '@firebase/firestore'
import '@firebase/auth'
const config = {
...
};
// Initialize Firebase
firebase.initializeApp(config);
export { firebase };
// Initialize db
export const db = firebase.firestore();
export const auth = firebase.auth();
当我“npm run dev”时,我收到一条错误消息,指出这些 firebase 模块仅适用于客户端,不适用于 Node.js。
因此,我尝试通过多种方式解决这个问题,到目前为止唯一有效的方法是使用 onMount。
onMount(async () => {
const {auth} = await import('../firebase/config');
auth.signInWithEmailAndPassword("[email protected] /cdn-cgi/l/email-protection", "test").then((res) => {
// do some stuff
})
})
现在可以了,但我有 3 个问题:
1)这是正确的方法吗?
2)我应该从服务器端删除这些模块还是最好保留它们?
3)我应该同时使用Firebase的客户端和服务器端版本,并使用客户端版本1来检索每个访问者和服务器端与所有共同数据不同的所有数据吗?
我想说你已经非常接近了,但是你可以将导入排除在外onMount
打回来:
<script>
import { auth } from '../firebase/config';
import { onMount } from 'svelte'
onMount(() => {
auth.signInWithEmailAndPassword("[email protected] /cdn-cgi/l/email-protection", "test").then((res) => {
// do some stuff
})
})
</script>
如果您这样做,您的 firebase 代码将不会在 SSR 期间被调用,并且您不必处理异步模块加载。
话虽如此,我认为将 Firebase 代码放置在服务器路由中,并从客户端调用该路由可能是一种更干净、更有效的方法。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)