<script> import firebase from "firebase/app"; </script>

Recibí el siguiente error al intentar importar un módulo de nodo de la aplicación Firebase en un componente esbelto... ¿cómo puedo hacer que funcione...? No pude encontrar literalmente nada en línea aparte de esto: https://rollupjs.org/guide/en/#error-name-is-not-exported-by-module . Intenté hacer casi todo lo que dice sobre cómo importar un módulo, pero nada funcionó ... así que estoy completamente atascado.

 [!] Error: 'default' is not exported by node_modules\firebase\app\dist\index.esm.js

Aquí está mi archivo rollup.config.js :

 import svelte from 'rollup-plugin-svelte'; import resolve from '@rollup/plugin-node-resolve'; import commonjs from '@rollup/plugin-commonjs'; import livereload from 'rollup-plugin-livereload'; import { terser } from 'rollup-plugin-terser'; const production = !process.env.ROLLUP_WATCH; export default { input: 'src/svelte.js', output: { sourcemap: true, format: 'iife', name: 'app', file: 'public/build/bundle.js' }, plugins: [ svelte({ dev: !production, css: css => { css.write('public/build/bundle.css'); } }), resolve({ browser: true, dedupe: ['svelte'], }), commonjs(), !production && serve(), !production && livereload('public'), production && terser() ], watch: { clearScreen: false } }; function serve() { let started = false; return { writeBundle() { if (!started) { started = true; require('child_process').spawn('npm', ['run', 'svelte-start', '--', '--dev'], { stdio: ['ignore', 'inherit', 'inherit'], shell: true }); } } }; }

EDITAR: Aparentemente, una vez que agrego esto: external: ['firebase', 'firebase/app'] en la exportación de configuración, el error desaparece pero luego aparece un nuevo error, esta vez aparece en la consola de herramientas de desarrollo:

 svelte.js:8 Uncaught ReferenceError: firebase is not defined at svelte.js:8

esbelto.js:

 import App from './App.svelte'; const app = new App({ target: document.body, props: { name: 'world' } }); export default app;

Y luego algunos registros más en la consola VSC:

 [svelte-dev] (!) Missing global variable name [svelte-dev] Use output.globals to specify browser global variable names corresponding to external modules [svelte-dev] firebase/app (guessing 'firebase')