私はリアサイドのWebサイトを構築しています。私は、反応ルータと反応ストームパスを認証に使用しています。 webpackも使います。私はブートストラップのJavaScriptの読み込みに問題があります。私は反応ブートストラップをインストールし、問題なくCSSファイルをexpressから提供しています。しかし、私がレンダリングしようとすると、ReactDOM(Uncaught ReferenceError:ReactDOMが定義されていない(...))を認識しないReactDOMに関するいくつかのエラーと、ブートストラップに関するもう1つのエラー(Uncaught TypeError:of 'PropTypes' of undefined(...)& Uncaught SyntaxError:予期しないトークン:)。これは私の最初のReactアプリケーションなので、どんな助けでも大歓迎です!Uncaught TypeError:未定義(...)のプロパティ 'PropTypes'を読み込めません。ブートストラップの問題に反応します。また、ReactDOMは適切なインポートで問題が定義されていません。
/* jshint esversion: 6 */
import React, { PropTypes } from 'react'
import ReactDOM from 'react-dom'
import { LoginLink } from 'react-stormpath'
import ReactStormpath, { Router, HomeRoute, LoginRoute, AuthenticatedRoute } from 'react-stormpath'
import { Link, IndexRoute, Route, browserHistory } from 'react-router'
import { MasterPage, IndexPage, LoginPage, RegistrationPage, ProfilePage } from './pages'
import Index from './components/Index'
import index from './pages/index'
console.log("app.js loaded");
ReactStormpath.init();
ReactDOM.render(
<Router history={browserHistory}>
<HomeRoute path='/' component={MasterPage}>
<IndexRoute component={IndexPage} />
<LoginRoute path='/login' component={LoginPage} />
<Route path='/register' component={RegistrationPage} />
<AuthenticatedRoute>
<HomeRoute path='/profile' component={ProfilePage} />
<Route path='/:user/lists' component={List} />
</AuthenticatedRoute>
<Route path='/lists' component={List} >
<Route path="/lists/:list" component={List} />
</Route>
</HomeRoute>
</Router>,
document.getElementById('app')
);
ReactDOM.render(
<ListForm />,
document.getElementById('app')
);
をインストールし、各エラーのスタックトレースを共有してください。 2種類のReactがロードされていないことを確認しましたか? –
なぜ 'app'要素に物事を2回レンダリングしていますか? – arthurakay
なぜapp要素に2回レンダリングするのかに関して、私は反応ルータがどのように動作するのかよく分かりません。コンポーネントクラスが完成したら、ルートをレンダリングすると自動的にビューが表示されますか?また、ここに私のスタックトレースがあります: –