Использование роутера с реагированием по CDN - PullRequest
Новая
       9

Использование роутера с реагированием по CDN

0 голосов
/ 17 ноября 2018

У меня есть этот код: 

<body>
  <div id="root"></div>
  <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/4.3.1/react-router.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js"></script>

  <script src="index.js" type="text/babel"></script>
</body>

И JavaScript: 

const Component = React.Component;

const MyApp = () => (
        <div>
            <Header></Header>
        </div>
);

const Header = () => {
    return (
        <div className="Header">
            <img className="banner_image" src="www/banner.jpg"></img>
        </div>
    );
}

ReactDOM.render(
    <MyApp />,
    document.getElementById("root")
)

, который работает довольно хорошо.

Но, когда я пытаюсь добавить Маршрутизатор: 

const Component = React.Component,
BrowserRouter = ReactRouter.BrowserRouter,
Route = ReactRouter.Route;

export class MyApp extends Component {
    render() {
        return (
            <BrowserRouter>
                <div>
                    <Route exact path="/" component={Header}/>
                </div>
            </BrowserRouter>
        )
    }
};

, я получаю это:

Uncaught ReferenceError: экспорт не определен 

at <anonymous>:3:23
at run (babel.js:61531)
at check (babel.js:61597)
at babel.js:61624
at XMLHttpRequest.xhr.onreadystatechange (babel.js:61549)

Я видел, что это была проблема с Babel, экспортом и Typescript, но я нигде не использую этот последний.Мне действительно нужно использовать Router, но я не могу найти решение для этого, я также пытался изменить версии моего CDN, но он не работал.

...