不明なエラー：モジュールが見つかりません「../../helpers/oidcHelpers.jsx」

Question

私はモジュールをインポートしようとしていますが、それはブラウザ（ChromeとMozillaの）でエラーを投げ続けコンソール

Uncaught Error: Cannot find module "../../helpers/oidcHelpers.jsx" - - LoginController.jsx?1471:6

はここに私のLoginController.jsxが

import React, {Component, PropTypes} from 'react'; 

import ActionAndroid from 'material-ui/svg-icons/action/android'; 
import RaisedButton from 'material-ui/RaisedButton'; 

import userManager from '../../helpers/oidcHelpers.jsx'; 

export default class LoginController extends Component { 
    onFASLoginButtonClick = (event) => { 
    event.preventDefault(); 
    console.log(userManager.signinRedirect); 
    userManager.signinRedirect(); 
    }; 

    render() { 
    return (
     <div> 
     <RaisedButton 
      label="Login with FAS" 
      icon={<ActionAndroid/>} 
      onMouseUp={this.onFASLoginButtonClick} 
     /> 
     </div> 
    ); 
    } 
} 

をファイルであり、ここで私のディレクトリ構造が自分のアプリケーションにあります。私は不要なファイルをスナップしました

app 
├── actions 
│   └── actions.jsx 
├── containers 
│   ├── login 
│   │   └── LoginController.jsx 
├── helpers 
│   ├── oidcHelpers.jsx 
│   └── oidcHelpers.jsx.sample 
├── index.jsx 
├── reducers 
│   ├── authentication.jsx 
│   └── index.jsx 
├── routes.jsx 
└── stylesheets 
    ├── base 
    │   └── common.less 
    ├── components 
    └── drawer.less 

多くは試しましたが、実際に問題を把握することはできませんでした。私もインポートステートメントを削除し、import userManager from '../../helpers/oidcHelpers'にインポートを変更しようとするが、私はまだ同じエラーが発生し続けている。変更を加えても、ブラウザのコードは更新されません。

コードはGitHubの上でホストされている：https://github.com/waartaa/waartaa/tree/develop/waartaa/client

Answer 1

あなたはhelpers/oidcHelpers.jsxにデフォルトのエクスポートを持っていません。 import { signinRedirect }へ

import userManagerからLoginController.jsxの変更のインポートと呼び出しsigninRedirectで、それを適切に使用しないuserManager.signinRedirect

import React, {Component, PropTypes} from 'react'; 

import ActionAndroid from 'material-ui/svg-icons/action/android'; 
import RaisedButton from 'material-ui/RaisedButton'; 

import { signinRedirect } from '../../helpers/oidcHelpers.jsx'; 

export default class LoginController extends Component { 
    onFASLoginButtonClick = (event) => { 
    event.preventDefault(); 
    console.log(signinRedirect); 
    signinRedirect(); 
    }; 

    render() { 
    return (
     <div> 
     <RaisedButton 
      label="Login with FAS" 
      icon={<ActionAndroid/>} 
      onMouseUp={this.onFASLoginButtonClick} 
     /> 
     </div> 
    ); 
    } 
}