javascript - Console showing 'Failed to load resource: the server responded with a status of 404 (Not Found)' for resource I'm looking at/using -

in home.js file, i'm using 3 components in router.

sometimes in console, error:

failed load resource: server responded status of 404 (not found)

for file hq.js when i'm using/looking @ file in app.

any idea why be? providing code below:

import react, { component } 'react'; import proptypes 'prop-types'; import { connect } 'react-redux';  import { browserrouter router, switch, route, navlink } 'react-router-dom';  import { getelementsbykeyname } '../entities/elements/getters';  import { getloggedinuser } '../entities/auth/getters';  import html5backend 'react-dnd-html5-backend'; import { dragdropcontext } 'react-dnd';  import menubar '../components/menubar'; import sky './sky'; import hq './hq'; import settings './settings';  class home extends component {     constructor(props) {         super(props);     }      render() {         const { elements } = this.props;          return (             <router>                 <section classname="main-content">                     <menubar />                      <switch>                         <route path="/" exact isactive component={sky} />                         <route path="/hq" component={hq} />                         <route path="/settings" component={settings} />                     </switch>                 </section>             </router>         );     } }; 

hq.js:

import react, { component } 'react'; import proptypes 'prop-types';  import rnotes '../components/release_notes/v002a';  class hq extends component {     render() {         return (             <div classname='hq'>                 <rnotes />             </div>          );     } }  export default hq;