Webstorm doesn't recognize imports: has no exported member

[RaviH]

[REQUIRED] Describe your environment

• Operating System version: Mac OS Catalina
• Browser version: Brave 1.19.88
• Firebase SDK version: ^0.900.11
• Firebase Product: firebase/app

[REQUIRED] Describe the problem

Steps to reproduce:

Import dependencies into a Typescript file and you would notice imports not being recognized:

Relevant Code:

import { initializeApp } from 'firebase/app';
import { getAuth } from 'firebase/auth';
import { getStorage } from 'firebase/storage';

[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.

[Feiyang1]

That's weird. Can you try to do a clean install - delete node_modules/ and npm install again?

[RaviH]

@Feiyang1 So I deleted node_modules and yarn.lock and removed firebase from package.json, then ran yarn add firebase@exp. That seems to have helped.

Now I get this:

I will try to create a brand new project and see if it happens there. I might be getting old firebase from another dependency.

[Feiyang1]

Great. It does look like you have multiple versions of Firebase. Yeah, the old firebase can't be used with the new one side by side, so make sure you are not pulling the old firebase in the project.

[RaviH]

Hello, I am trying to work on my firebase-functions module but can't find docs here: https://modularfirebase.web.app/common-use-cases/functions/ as to how to use firebase-admin with firebase-functions. Is that not a possibility right now or are the docs missing?

[RaviH]

Also, another issue:

import { getApp } from "firebase/app";
import { getFunctions } from "firebase/functions";

const functions = getFunctions(getApp());

Then I can't use:

functions.firestore.document('/questions/{questionId}').onCreate(

[hsubox76]

The functions from firebase/functions (part of the firebase client-side package) is completely different from firebase-functions, which is a separate npm package for writing functions code for the server. firebase-functions does not have a modularized version, and you should continue to use it the same way you have in the past, hopefully in a separate directory (it's usually installed in a subdirectory of your main project, if you use firebase-cli).

firebase/functions (client-side) pretty much does only one thing, which is call httpsCallable functions that you wrote and deployed using the actual firebase-functions library.