aFuzzyBear / astro-firebase-bug-reproduction

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


This repo is a reproduction of a bug when using Firebase JS SDK (v9) with astro

Observe this reproduction locally

  1. Clone this repo
  2. npm i
  3. npm run start

Steps to create this reproduction

  1. npm init astro. Choose skeleton with Svelte.js as the framework.

  2. npm i

  3. npm i firebase

  4. Import Firebase in src/components/svelteCounter.svelte

    +import { initializeApp, getApps } from "firebase/app";
    +import { getFirestore, doc, onSnapshot, setDoc } from "firebase/firestore";
    let count = 0;
  5. npm run start

  6. Error is shown in browser console and Counter does not work.

    Loading failed for the module with source “node:process”.
    Uncaught (in promise) TypeError: error loading dynamically imported module
    Loading failed for the module with source “http://localhost:3000/_snowpack/pkg/@firebase.webchannel-wrapper.v0.5.1.js”.

This error is specific to importing Firestore as the app works when import { ... } from "firebase/firestore"; is commented out.

ezoic increase your site revenue



Language:Astro 54.0%Language:JavaScript 22.4%Language:CSS 20.1%Language:Svelte 3.6%