参照インポートエラーに失敗しました

Question

別のコンポーネントをインポートするときにReactが何らかの異常なエラーに失敗しました。 App.jsでChristmasMapのリファレンスを削除すると、アプリは正常に動作します。しかし、私はChristmasMapをインポートしたいです。どんな助け？私は取得しています

App.js

import React, { Component } from 'react'; 
import './ChristmasMap'; 

class App extends Component { 
    render() { 
    return (
     <div> 
     <p>asd</p> 
     <ChristmasMap /> 
     </div> 
    ); 
    } 
} 

export default App; 

ChristmasMap.js

import React, { Component } from 'react'; 

class ChristmasMap extends Component { 
    render(){ 
    return (
     <div> 
     component 
     </div> 
    ); 
    } 
}; 

export default ChristmasMap; 

、エラーがあなたが何をすべきApp.js:56 Uncaught ReferenceError: ChristmasMap is not defined(…)

Answer 1

です：

import ChristmasMap from './ChristmasMap'