import時に、Vue.jsのrefとFirebase Storageのrefが競合する
Q&A
Closed
解決したいこと
タイトルの通り、Vue3のrefとFirebase Storageのrefが競合します。
どちらかを別の名前にして呼び出す必要があると思うんですが、方法が分かりません。
発生している問題・エラー
Parsing error: Identifier 'ref' has already been declared. (Fatal)
該当するソースコード
vue.js
<script>
import { addDoc, Timestamp, onSnapshot, getFirestore, getDoc, doc, query, collection, orderBy, limit } from "firebase/firestore";
import { getFirestoreData } from "@/firestore.js";
import { getAuth } from "firebase/auth";
import { getStorage, ref, getDownloadURL, uploadBytesResumable } from "firebase/storage";
import { ref } from "vue"
export default {
name: 'Chat',
setup(){
const scrollAreaRef = ref(null);
// --- abbr ---
自分で試したこと
Firebase Storageを使用する箇所を外部スクリプトファイルにしてrefが混在しないようにする
1