javascript - 为什么我在这个 React/Typescript 应用程序中收到没有导出成员的错误？

Question

路由器.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>
  );
}

文件夹结构：

src/containers/index.ts

export * from './auth/LoginContainer';

最后是 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;

标签： javascriptreactjstypescript

Answer 1

您需要按命名导出默认值。

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

更多：http: //jamesknelson.com/re-exporting-es6-modules/