import firebase version 8.6.4 cannot compile on npm install - react

• Browser version: nodejs v14.17.0
• Firebase SDK version: 8.6.4

Steps to reproduce: npm install firebase @8.6.4 and import firebase from "firebase" within react. on npm start, recieve "failed to compile" start error

when attempting to import firebase in React, I am met with the error below.

./node_modules/@firebase/firestore/dist/esm5/prebuilt-db9cc925-eb007c37.js
Attempted import error: 'FetchXmlHttpFactory' is not exported from '@firebase/webchannel-wrapper' (imported as 'v').

by removing the FetchXmlHttpFactory import within the referenced prebuilt file above, I can get Firebase to compile correctly within React.

[google-oss-bot]

I couldn't figure out how to label this issue, so I've labeled it for a human to triage. Hang tight.

[armandabric]

I got the same issue when bundeling with vitejs my application with the version v8.6.4

$ vite
...
 > node_modules/@firebase/firestore/dist/esm5/prebuilt-db9cc925-eb007c37.js:5:110: error: No matching export in "node_modules/@firebase/webchannel-wrapper/dist/index.esm.js" for import "FetchXmlHttpFactory"
    5 │ ...eateWebChannelTransport as p, getStatEventTarget as y, FetchXmlHttpFactory as v, WebChannel as m, Event as g, Stat as w } from "...
      ╵                                                           ~~~~~~~~~~~~~~~~~~~

error when starting dev server:
Error: Build failed with 1 error:
node_modules/@firebase/firestore/dist/esm5/prebuilt-db9cc925-eb007c37.js:5:110: error: No matching export in "node_modules/@firebase/webchannel-wrapper/dist/index.esm.js" for import "FetchXmlHttpFactory"
    at failureErrorWithLog (/home/armand/workspace/pepettes/node_modules/esbuild/lib/main.js:1466:15)
    at /home/armand/workspace/pepettes/node_modules/esbuild/lib/main.js:1148:28
    at runOnEndCallbacks (/home/armand/workspace/pepettes/node_modules/esbuild/lib/main.js:938:63)
    at buildResponseToResult (/home/armand/workspace/pepettes/node_modules/esbuild/lib/main.js:1146:7)
    at /home/armand/workspace/pepettes/node_modules/esbuild/lib/main.js:1253:14
    at /home/armand/workspace/pepettes/node_modules/esbuild/lib/main.js:629:9
    at handleIncomingPacket (/home/armand/workspace/pepettes/node_modules/esbuild/lib/main.js:726:9)
    at Socket.readFromStdout (/home/armand/workspace/pepettes/node_modules/esbuild/lib/main.js:596:7)
    at Socket.emit (events.js:376:20)
    at addChunk (internal/streams/readable.js:309:12)
error Command failed with exit code 1.

Downgrading firebase to v8.6.3 resolve the issue

[dkocich]

same issue here with WIN10, firebase@6.4.4, node 14.7.0, npm 6.14.11; it started working again after npm i firebase@8.6.3 --save-exact

./node_modules/@firebase/firestore/dist/esm5/prebuilt-db9cc925-eb007c37.js
Attempted import error: 'FetchXmlHttpFactory' is not exported from '@firebase/webchannel-wrapper' (imported as 'v').

[rudenick0309]

Same issue to me, I solved this problem
I did downgrade the firebase version to "firebase": "^8.4.1".
( maybe, the latest version of firebase is 8.6.4 or 8.6.1 )

[barakiva]

Downgraded to 8.4.3, 8.6.1, 2, and 3. Ran a clean install multiple times with npm ci. Still getting the same message.

[rudenick0309]

@barakiva Did you delete about firebase packages in package-lock.json?

[schmidt-sebastian]

We need to publish a new version of WebChannel Wrapper.