dropout26
@dropout26

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

import時に、Vue.jsのrefとFirebase Storageのrefが競合する

解決したいこと

タイトルの通り、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

1Answer

import { ref as vueRef } from "vue"

のように as を使って好きな別名を付けられます。

1Like

Comments

  1. @dropout26

    Questioner

    めちゃくちゃ簡単でした、ありがとうございます。

Your answer might help someone💌