未捕获的错误：找不到模块“../../helpers/oidcHelpers.jsx”答案

【问题标题】：Uncaught Error: Cannot find module "../../helpers/oidcHelpers.jsx"未捕获的错误：找不到模块“../../helpers/oidcHelpers.jsx”
【发布时间】：2016-10-24 08:42:10
【问题描述】：

我正在尝试导入一个模块，但它一直在浏览器（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

【问题讨论】：

标签： javascript reactjs ecmascript-6 webpack

【解决方案1】：

helpers/oidcHelpers.jsx 中没有默认导出。

将LoginController.jsx 中的导入从import userManager 更改为import { signinRedirect }，并通过调用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>
    );
  }
}

【讨论】：