Could not resolve "@firebase/app"

[KaiSpencer]

Im having issue setting this up with Vite and Yarn 3

Version info

React: 17.0.0

Firebase: 9.1.2

ReactFire: 4.2.0

Other (e.g. Node, browser, operating system) (if applicable): vite: 2.6.4 vitejs/plugin-react: 1.0.0 yarn: 3.0.2

Steps to reproduce

Scaffold Vite React app, follow quickstart, yarn dev

Expected behavior

Add FirebaseAppProvider to App with no build errors.

Actual behavior

 > .yarn/cache/@firebase-database-npm-0.12.1-77d99a60e5-3114e635c7.zip/node_modules/@firebase/database/dist/index.esm2017.js:1:104: error: Could not resolve "@firebase/app" (mark it as external to exclude it from the bundle)
    1 │ import { getApp, _getProvider, SDK_VERSION as SDK_VERSION$1, _registerComponent, registerVersion } from '@firebase/app';

[jhuleatt]

Hi @KaiSpencer, I just tried to reproduce this with:

• React: 17.0.0
• Firebase: 9.5.0
• ReactFire: 4.2.1
• vite: 2.6.4
• vitejs/plugin-react: 1.0.0

And didn't get that error. Do you still get the error with the latest version of these libraries?

[akarabach]

the same error for me

[jhuleatt]

@akarabach are you using the latest version of these libraries?

[jhuleatt]

Closing due to inactivity. If anyone else encounters this, please file a new issue and include a sample that reproduces this issue.