如何正确安装firebase？

Posted 2023-02-22

【中文标题】如何正确安装firebase？

【英文标题】：How to install firebase properly?

【发布时间】：2022-01-09 16:14:33

【问题描述】：

我正在开发一个 vue 的登录系统，这是我现在的代码：

<template>
  <div>
    <input type="email" placeholder="Email" v-model="email" />
    <input type="password" placeholder="Password" v-model="password" />
    <button>Login</button>
    <p>Need an account?<router-link to="/signup">Sign Up</router-link></p>
  </div>
</template>

<script>
import firebase from 'firebase'

export default 
  name: "Login",
  data() 
    return 
      email: "",
      password: "",
    ;
  ,
  methods: 
    Login() 
      // Log the user in
      firebase
        .auth()
        .signInWithEmailAndPassword(this.email, this.password)
        .then(
          (user) => 
            console.log(user.data);
          ,
          (err) => 
            alert(err);
          
        );
    ,
  ,
;
</script>

<style>
</style>

问题是当我尝试运行它时出现错误，这是错误：

This dependency was not found:

* firebase in ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/views/Login.vue?vue&type=script&lang=js

To install it, you can run: npm install --save firebase

我尝试安装 firebase 几次，但总是遇到同样的错误。

如果有人知道解决办法，非常感谢！

【参考方案1】：

要正确安装 firebase，您必须更改版本：

npm remove firebase
npm add firebase@^8.10.0

【参考方案2】：

欢迎，您正在运行什么命令来安装 Firebase？错误说要使用npm install --save firebase，你在使用那个命令吗？尝试命令npm install Firebase 尝试安装 Firebase。您是否使用“Cloud Shell”来部署您的代码？

我使用以下文档来了解 Firebase 的基础知识 [1

[1 https://firebase.google.com/docs/web/setup

而且这个实验室也非常有用 [2]

[1]https://firebase.google.com/codelabs/firebase-web#0