Резюме. Мне нужно запустить React Router без использования wepback или аналогичных инструментов. Прямо из ссылок CDN, но я застрял с некоторой ошибкой require.js.
Я начинаю строить свое первое приложение с помощью React, и я борюсь с React Router.
HTML:
<body>
<div id="container"></div>
<script src="https://unpkg.com/[email protected]/dist/react.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
<script src="https://npmcdn.com/[email protected]/umd/ReactRouter.js"></script>
<script type="text/babel" src="assets/scripts/03_templates/app.js" charset="utf-8"></script>
</body>
JS:
var { Router, Route, IndexRoute, hashHistory, IndexLink, Link, browserHistory } = ReactRouter;
//some classes
ReactDOM.render((
<Router history={hashHistory}>
<Route path="/" component={Window}>
<IndexRoute component={InitialPage}/>
<Route path="register" component={Register} />
<Route path="search" component={Search} />
</Route>
</Router>
), document.getElementById("container"));
Все работает нормально, но я получаю это на консоли:
react.js: 3639 Предупреждение: вы вручную вызываете React.PropTypes функция проверки для
getComponent
prop наIndexRoute
. Эта устарела и не будет работать в производстве со следующей крупной версия. Возможно, вы видите это предупреждение из-за сторонних PropTypes библиотека.
Итак, я полагаю, что мой Router - это старая версия. Я изменил ссылку на
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/4.0.0-0/react-router.js"></script>
Предупреждение: React.createElement: тип не должен быть нулевым, undefined, boolean или number. Он должен быть строкой (для элементов DOM) или ReactClass (для составных компонентов).
Я ищу об этом, и кажется, проблема в строке 1. Поэтому я изменил это:
var { Router, Route, IndexRoute, hashHistory, IndexLink, Link, browserHistory } = ReactRouter;
Для этого:
import { Router, Route, IndexRoute, hashHistory, IndexLink, Link, browserHistory } from 'react-router';
И теперь у меня есть эта проблема:
app.js: 2 Uncaught ReferenceError: require не определен
Я искал require.js, пробовал некоторые вещи, но ничего не исправил мою проблему. Что мне не хватает? Мне нужно запустить это без инструментов webpack или similars.
Спасибо