Supported environments

TheFirebaseJavaScript SDK is officially supported in the following environments.

Browsers

^{1Firebase AI Logic was formerly called "Vertex AI in Firebase".}

Other environments

^{1Firebase AI Logic was formerly called "Vertex AI in Firebase".}

Installbase-64 from npm:

npm install base-64

Importdecode frombase-64 and attach it to the global scope asatob soCloud Storage can access it.

import{decode}from'base-64';if(typeofatob==='undefined'){global.atob=decode;}

Add polyfills in your application

Option 1:(Recommended) Use bundler integrated with Babel

If you're using a bundler, integrate withBabel and@babel/preset-env to getpolyfills.

Use Babel's interactivesetup guide to learnhow to integrate Babel with your bundler.

With Babel, you don't need to worry about the exact polyfills to include.Instead, you specify the minimal browser environments that you need to support.Babel then adds the necessary polyfills for you. Babel ensures that yourrequirements for browser support are always met, even if Firebase or your owncode starts using new ES features.

@babel/preset-env has detailedinformation about the available configuration options for specifying environmenttargets (optiontargets) and adding polyfills (optionuseBuiltIns).

Option 2:(Not Recommended) Add polyfills manually

You can add polyfills manually using your favorite polyfill libraries (forexample,core-js).

import'core-js/stable'import'cross-fetch/polyfill';

core-js also provides anall-in-one polyfill filethat you can directly include in the HTML page.

This option can be a convenient way for managing polyfills if you don't useBabel. However,we don't recommend this all-in-one option for productionapps as it will likely include unnecessary polyfills, which increases the pageweight and hence the page load time.