Error when trying to build Firebase example

[wiverson]

Trying to get analytics working by following along with the example shown at https://github.com/basvdijk/capacitor4-firebase-analytics-example-project-capawesome-team

I'm using SvelteKit set to SPA mode, which is generating the code into a build directory (instead of public). I followed along with the instructions (although I am using SvelteKit instead).

When I try to generate a build, I get this error:

/Users/will/src/dayboard-svelte-cap/node_modules/@firebase/app/dist/index.cjs.js:470
        throw ERROR_FACTORY.create("no-options" /* NO_OPTIONS */);
                            ^

FirebaseError: Firebase: Need to provide options, when not being deployed to hosting via source. (app/no-options).
    at initializeApp (/Users/will/src/dayboard-svelte-cap/node_modules/@firebase/app/dist/index.cjs.js:470:29)
    at Object.getApp (/Users/will/src/dayboard-svelte-cap/node_modules/@firebase/app/dist/index.cjs.js:534:16)
    at Object.getAnalytics (/Users/will/src/dayboard-svelte-cap/node_modules/@firebase/analytics/dist/index.cjs.js:1157:41)
    at FirebaseAnalyticsWeb.setEnabled (/Users/will/src/dayboard-svelte-cap/node_modules/@capacitor-firebase/analytics/dist/plugin.cjs.js:38:39)
    at /Users/will/src/dayboard-svelte-cap/node_modules/@capacitor/core/dist/index.cjs.js:201:35
    at async setEnabled (file:///Users/will/src/dayboard-svelte-cap/.svelte-kit/output/server/entries/pages/_page.svelte.js:150:5)
    at async initAnalytics (file:///Users/will/src/dayboard-svelte-cap/.svelte-kit/output/server/entries/pages/_page.svelte.js:159:5) {
  code: 'app/no-options',
  customData: {}
}

Node.js v18.11.0
[vite-plugin-svelte-kit] Prerendering failed with code 1
error during build:
Error: Prerendering failed with code 1
    at ChildProcess.<anonymous> (file:///Users/will/src/dayboard-svelte-cap/node_modules/@sveltejs/kit/src/exports/vite/index.js:443:15)
    at ChildProcess.emit (node:events:513:28)
    at ChildProcess._handle.onexit (node:internal/child_process:291:12)

Here is script section of the +page.svelte I'm using:

<script>
	import Counter from './Counter.svelte';
	import welcome from '$lib/images/svelte-welcome.webp';
	import welcome_fallback from '$lib/images/svelte-welcome.png';
	import Geo from './Geo.svelte';
	import { FirebaseAnalytics } from '@capacitor-firebase/analytics';

	const setEnabled = async () => {
		await FirebaseAnalytics.setEnabled({
			enabled: true
		});
	};

	const setCurrentScreen = async () => {
		await FirebaseAnalytics.setCurrentScreen({
			screenName: 'Login',
			screenClassOverride: 'LoginPage'
		});
	};

	const initAnalytics = async () => {
		await setEnabled();
		await setCurrentScreen();
	};

	initAnalytics();
</script>

If I remove this JS code from the file, I can build and I do see real-time user events for the app open, but of course I don't see anything related to the screen view.

Any thoughts? Something I'm missing?

[robingenz]

Unfortunately I have no experience with SvelteKit.
The error usually means that you have not yet initialized Firebase for the web, see https://firebase.google.com/docs/web/setup?hl=en#add-sdks-initialize

[wiverson]

Found it - it is a SvelteKit specific fix. Had to add a /routes/+layout.js with export const ssr = false; to force SvelteKit into SPA mode.

Oh well, at least now hopefully this will show up in search for anyone else. :)

[robingenz]

Great, thank you!