Блог

У меня есть встроенное приложение nuxt.js , vue.js и firebase, и по умолчанию он построен как a Single Page Application , но я хочу преобразовать его в Server-side-rendered приложение. Но когда я изменил режим, firebase больше не распознает storage() .

Вот мой nuxt.config.js файл:

 export default {
  mode: "universal",
  target: "server",
  // Some other configuration
   ....
}
 

И вот мой firebase.js файл

 import firebaseTmp from "firebase";
import firebaseErrorsJa from "~/plugins/firebaseErrorsJa";

const config = process.env.firebaseConfig;

if (!firebaseTmp.apps.length) {
  firebaseTmp.initializeApp(config);
}
　　　
const storage = firebaseTmp.storage();
//some other initialization
  
//also location is not found also
if (location.hostname === "localhost") {
  db.settings({
    host: "localhost:8000",
    ssl: false
  });

  functions.useEmulator("localhost", 5001)
  auth.useEmulator('http://localhost:9099/');
}

export { db, firebase, firestore, auth, storage, firestoreTimestamp, serverTimestamp, functions, 
firebaseErrors }
 

Кто-нибудь сталкивался с этой проблемой? Почему это так?

ОБНОВЛЕНИЕ: я уже исправил ошибку. Мне просто нужно было добавить эту строку import 'firebase/storage'; в мой firebase.js файл. Теперь я должен исправить другую вещь в том же файле, потому location что не определено. Вот фрагмент кода..

 if (location.hostname === "localhost") {
  db.settings({
    host: "localhost:8000",
    ssl: false
  });

  functions.useEmulator("localhost", 5001)
  auth.useEmulator('http://localhost:9099/');
}