为什么我在此React / Typescript应用程序中收到no exported member错误？

Question

The router.tsx

import * as React from 'react';
import { Route, HashRouter, Switch } from 'react-router-dom';
import App from './App';
import { LoginContainer } from './containers';

export const AppRouter: React.StatelessComponent<{}> = () => {
  return (
    <HashRouter>
      <div className="container-fluid">
        <Route component={App} />
        <Switch>
          <Route exact path="/" component={LoginContainer} />
          <Route path="/login" component={LoginContainer} />
        </Switch>
      </div>
    </HashRouter>
  );
}

The Folder structure:

The src/containers/index.ts

export * from './auth/LoginContainer';

Finally the LoginContainer

import * as React from 'react';

class LoginContainer extends React.Component {
  public render() {
    return (
      <div>
        <header>
          <h1>This is the Login Container</h1>
        </header>
      </div>
    );
  }
}

export default LoginContainer;

Answer 1

You need to export the default as named.

export { default as LoginContainer } from './auth/LoginContainer';

More: http://jamesknelson.com/re-exporting-es6-modules/