не может импортировать firebase в vue после добавления с помощью NPM

Question

Ран

sudo npm i firebase

в консоли. В main.js я добавил с помощью

import firebase from "firebase/app";

и получил ошибку:

Модуль не найден: Ошибка: не удается разрешить 'firebase / app' в '/ home /jason / Documents / Projects / bunnell-assoc / src '

в node_modules, firebase отображается как @firebase, поэтому также попытался:

import firebase from "@firebase/app";

Это также не сработало.

Answer 1

Если вы правильно установили enter code here firebase, проблем не должно быть. Прежде всего вам нужно создать новый файл firebase в вашем корне. Вы можете либо положить его в папку, либо просто оставить в корне.

В вашем файле Fire Base вы можете импортировать, какой аспект FireBase вы хотите использовать. Если вы еще не вышли на работу, вы можете просто импортировать всю базу данных, как показано ниже.

Вы должны импортировать это в файле firebase.js, который вы создали в своем корне

import firebase from 'firebase/'

// установить вашу конфигурацию из вашего приложения Firebase, созданного вами на веб-сайте Firebase

 var firebaseConfig = {
  apiKey: "AIzaSyAkjYLidJiyTLEPtODFfP2JVFJiXs9EZRQ",
  authDomain: "shoerack-b451e.firebaseapp.com",
  databaseURL: "https://shoerack-b451e.firebaseio.com",
  projectId: "shoerack-b451e",
  storageBucket: "",
  messagingSenderId: "533681909298",
  appId: "1:533681909298:web:f08c99d00568f24c99562b"
};

const fb = firebase.initializeApp(firebaseConfig);

export {fb}

Затем в вашем файле main.js вы можете импортироватьFB из файла Firebase, который вы создали, вот так.

import { fb } from './firebase'