title: 404 page not found when running firebase deploy
body: <p>I have built a stunning web app using react and Google's firebase for <code>auth</code> and for database. On my local server, everything runs well. I can authenticate certain users and navigate to the next page upon a successful login. The problem starts when deploying my web app using firebase hosting. </p>
  
  <p>So, first installed the <code>firebase-tools</code> then ran <code>npm run build</code> after that  I initialized firebase (i was logged in). Then I ran <code>firebase deploy</code>. After answering the prompted questions, a <a href="https://my-tutor-d4133.firebaseapp.com/" rel="noreferrer">URL</a> to my supposedly working site was given to me.</p>
  
  <p>Now when I log in using the details that should successfully log me in, I get the error below:</p>
  
  <blockquote>
    <p>404
    Page Not Found
    The specified file was not found on this website. Please check the URL for mistakes and try again.
    Why am I seeing this?
    This page was generated by the Firebase Command-Line Interface. To modify it, edit the 404.html file in your project's configured public directory.</p>
  </blockquote>
  
  <p>To see this error live, here is <a href="https://my-tutor-d4133.firebaseapp.com" rel="noreferrer">the link</a></p>
  
  <p>Part of the code that should navigate the user to the next page after successful log in is shown below:</p>
  
  <pre><code>import React, { Component } from 'react';
  import fire from './Firebase';
  import List from './components/List';
  
  class Login extends Component {
    constructor(props) {
      super(props);
      this.login = this.login.bind(this);
      this.handleChange = this.handleChange.bind(this);
      this.state = {
        email: '',
        password: ''
      };
    }
  
    handleChange(e) {
      this.setState({ [e.target.name]: e.target.value });
    }
  
    login(e) {
      e.preventDefault();
      fire.auth().signInWithEmailAndPassword(this.state.email, this.state.password).then((u)=&gt;{
          window.location = 'list'; 
      }).catch((error) =&gt; {
          console.log(error);
          alert("You don't have priviledges to log in!")
        });
    }
  </code></pre>
  
  <p>Here is code snippet in the firebase.json:</p>
  
  <pre><code>{
    "hosting": {
      "public": "build",
      "ignore": [
        "firebase.json",
        "**/.*",
        "**/node_modules/**"
      ]
    },
    "database": {
      "rules": "database.rules.json"
    },
    "firestore": {
      "rules": "firestore.rules",
      "indexes": "firestore.indexes.json"
    }
  }
  </code></pre>
  
  <p>The error from functions:</p>
  
  <pre><code>=== Deploying to 'my-tutor-d4133'...
  
  i  deploying functions
  Running command: npm --prefix "$RESOURCE_DIR" run lint
  
  &gt; functions@ lint /home/superlelo/Desktop/myTutor/mytutor/functions
  &gt; eslint .
  
  sh: 1: eslint: not found
  npm ERR! file sh
  npm ERR! code ELIFECYCLE
  npm ERR! errno ENOENT
  npm ERR! syscall spawn
  npm ERR! functions@ lint: `eslint .`
  npm ERR! spawn ENOENT
  npm ERR! 
  npm ERR! Failed at the functions@ lint script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     /home/superlelo/.npm/_logs/2019-09-26T21_15_49_018Z-debug.log
  
  Error: functions predeploy error: Command terminated with non-zero exit code1
  </code></pre>
  
  <p>I am not sure of how to fix this, could someone help?</p>
  
  <p>Thanks.</p>