Bundle.js nicht eine meiner Dateien erkennen?

Question

Bitte ertragen Sie mit mir, weil ich ein Javascript-Neuling bin, und gerade zu lernen beginnen zu reagieren.

Ich versuche, eine kleine app zu machen, aber ich halte einen Fehler bekommen, dass eine meiner Dateien nicht gefunden wird ... speziell diese:

bundle.js: 56 Nicht abgefangene Fehler: nicht Modul finden“./ Komponenten/search_bar "

Meine Dateistruktur ist, dass ich meine index.js in einem Ordner namens src, dann meine Suchleiste (search_bar.js) in einem Ordner namens Komponenten. Ich habe die Schreibweise dreifach überprüft, aber ich bekomme weiterhin diesen Fehler.

Das ist mein index.js

import SearchBar from './components/search_bar'; 
import React from 'react'; 
import ReactDOM from 'react-dom'; 
//Create a componant (some /HTML) 

const API_KEY = 'AIzaSyC3Z3qTpvAacDLYEIxaueKflFJbWvdIHsw'; 

    const App =() => { 
    return (
    <div> 
     <SearchBar /> 
    </div> 
    ); 
    } 

// Put that componant on the page (the DOM) 

ReactDOM.render(<App />, document.querySelector('.container')); 

Und das ist mein search_bar.js

import React, { Component } from 'react'; 

class SearchBar extends Component { 
    contructor(props) { 

    super(props); 
    // when user updates the search bar this term will get updated. 
    this.state = { term: ''}; 

    } 

    render() { 
    //update state 
    //use set state everywhere besides constructor!! 
    return (
     <div> 
     <input onChange={event => this.setState({term: event.target.value})} 
/> 
     Value of the input: {this.state.term} 
     </div> 
    ); 
    } 

} 


export default SearchBar; 

Alle Ideen, was ich hier falsch mache?

Answer 1

Können Sie die folgende Verzeichnisstruktur bestätigen?

my_project/src/index.js

my_project/src/components/search_bar.js

Es scheint, wie Ihre aktuelle Verzeichnisstruktur stattdessen könnte wie folgt aussehen: my_project/src/index.js, my_project/components/search_bar.js

Answer 2

AHHH ich ein 's' aus Konstruktor links ... so search_bar .js konnte nicht kompiliert werden. Ich habe das seit ungefähr einer Stunde betrachtet ...