モジュールが見つからない、解決できない

Question

私はReactにエラーがあります。ムービーと呼ばれるクラスコンポーネントがあります。モジュールが見つかりません。コンポーネントが右側にあるにもかかわらず、webpackでの反復がコンパイルできません。パス。 （中：./src/components/AddComponent.jsx） ：

import React,{Component} from 'react'; 
import Movie from './component/Movie.jsx'; 


class AddComponent extends Component { 
    constructor(props){ 
     super(props); 
     this.state = { 
      movieText: '', 
      movies: [], 
     }; 
    } 

updateMovieText(movieText){ 
    this.setState({movieText: movieText.target.value}) 
} 

addMovie(){ 
    if(this.state.movieText === ''){return} 

    let moviesArr = this.state.movies; 
    moviesArr.push(this.state.movieText); 
    this.setState({movieText: ''}) 
    this.textInput.focus(); 
} 

handleKeyPress = (event) => { 
    if(event.key === 'Enter'){ 

    } 
} 

deleteMovie(index) { 
    let movieArr = this.state.movies; 
    movieArr.splice(index,1);//remove the movie from array 
    this.setState({movies: movieArr}) 
} 


    render(){ 
     let movie = this.state.movie.map((val,key)=> { 
      return <Movie key={key} text={val} deleteMethod={() => this.deleteMovie(key)} /> 
     }); 

     return (
      <div> 
       <input type="text" 
        ref={((input)=>{this.textInput = input;})} 
        value={this.state.movieText} 
        onChangeText={movieText => this.updateMovieText(movieText)} 
        onKeyPress={this.handleKeyPress.bind(this)} 
        /> 
       <button onClick={this.addMovie.bind(this)}>Add</button> 
      </div> 
     ); 
    } 
} 

export default AddComponent; 

Answer 1

ここ

コンポーネントここ

import React, {Component} from 'react'; 


class Movie extends Component{ 
    render(){ 
     return(
      <div onClick={this.props.deleteMethod}> 
       {this.props.text} 
      </div> 
     ); 
    } 
} 

export default Movie; 

は（コンポーネントが期待が、見出されていない）の輸入でありますimport Movie from './component/Movie.jsxにコンポーネントの「s」がありませんか？

Answer 2

パスを間違って定義しました。 AddComponentでは、これだけで、あなたがしたいディレクトリにすでにある：

import Movie from './Movie.jsx';