XHR Compat Lib not loaded doing firebase/app require

[jshcrowthe]

If a user trying to use the SDK leverages the firebase/app entrypoint (instead of firebase), the XHR compatibility library isn't loaded.

This results in the following code not working in node:

var firebase = require('firebase/app');
require('firebase/auth');
require('firebase/database');

var app = firebase.initializeApp({ ... });

From #349 (comment)

[google-oss-bot]

Hmmm this issue does not seem to follow the issue template. Make sure you provide all the required information.

[google-oss-bot]

Hey there! I couldn't figure out what this issue is about, so I've labeled it for a human to triage. Hang tight.

[nessup]

I have this issue as well, and currently no way to get around it.

[nessup]

Figured it out. If you're using Webpack, you need to ensure that the correct Firebase bundle is loaded when requiring any of the Firebase subpackages. Webpack likes to load module rather than main if both are specified in a package.json (which is the case for all Firebase components). You can correct this by adding the following top-level config to your Webpack config:

  resolve: {
    mainFields: ['main']
  },

There should probably be some documentation or a fix on Firebase's side since this is a really easy error to run in to.

[jshcrowthe]

@nessup, just looking at this again, this has been resolved in the latest firebase versions. Are you still seeing this issue, and if so, can you open another issue with a repro?