I’m having some trouble trying to make a simple Vue3 + Firebase application.
The problem is that when importing the needed modules, two of them are called the same way: ref.
import { computed, defineComponent, ref } from "vue";
import { getDatabase, ref, child, get } from "firebase/database";
I need those two ref(s) imports, one for a chart, and the other one for the firebase connection, but, code does not work because i get the error Duplicate identifier "ref"
And in console I see:
Where, in line 85 of App.vue I have the use of the ref by firebase (but using the module from Vue, not from firebase/database"
>Solution :
Did you try to use import alias:
import { getDatabase, ref as fbRef, child, get } from "firebase/database";