bugfix> javascript > 投稿

この反応クラスをエクスポートして取得することはできませんし、その理由もわかりません。エクスポートクラスが下部にあり、すべてが必要なものを拡張しています。 withRouterメソッドですか?

import React, {Component} from 'react';
import {HeaderAdmin} from '../headerAdmin';
import {DashBoxes} from './dashBoxes';
import {MetaData} from '../metaData';
import {withRouter} from 'react-router-dom';
class CoachDashMain extends Component {
    render() {
        return(
            <div>
                <HeaderAdmin />
                <DashBoxes />
                <MetaData />
            </div>
            );
    }
}
export default withRouter(CoachDashMain);

私が得ているエラーは ./components/Coach/coachDashMain' does not contain an export named 'CoachDashMain'. です

別のファイルでのインポートは次のようになります。

import {CoachDashMain} from './components/Coach/coachDashMain'

回答 2 件
  • 名前付きインポートを使用しています: import { CoachDashMain } from '...'export class CoachDashMain ... がない場合は上記のエラーが発生します  そのファイルに。

    export default ... を使用しているため 、次の方法でインポートする必要があります。

    import CoachDashMain from '...'; // `CoachDashMain` can be renamed to anything
    
    

  • クラスをデフォルトでエクスポートする場合、そのクラスを別のファイルにインポートするときに中括弧は必要ありません。

    したがって、次のようにインポートする必要があります。

    import CoachDashMain from './components/Coach/coachDashMain';
    
    

あなたの答え