Vue 3 重复标识符引用

Question

我在尝试制作一个简单的 Vue3 + Firebase 应用程序时遇到了一些问题。

问题是在导入需要的模块时，其中两个模块的调用方式相同：ref.

import { computed, defineComponent, ref } from "vue";
import { getDatabase, ref, child, get } from "firebase/database";

我需要这两个 ref(s) 导入，一个用于图表，另一个用于 firebase 连接，但是，代码不起作用，因为我收到错误 Duplicate identifier "ref"

在控制台中我看到：

其中，在 App.vue 的第 85 行中，我使用了 firebase 的 ref（但使用的是来自 Vue 的模块，而不是来自 firebase/database"

Answer 1

您是否尝试使用 import 别名：

import { getDatabase, ref as fbRef, child, get } from "firebase/database";