2016-11-02 3 views
0

私はリアサイドの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') 
); 
+0

をインストールし、各エラーのスタックトレースを共有してください。 2種類のReactがロードされていないことを確認しましたか? –

+0

なぜ 'app'要素に物事を2回レンダリングしていますか? – arthurakay

+0

なぜapp要素に2回レンダリングするのかに関して、私は反応ルータがどのように動作するのかよく分かりません。コンポーネントクラスが完成したら、ルートをレンダリングすると自動的にビューが表示されますか?また、ここに私のスタックトレースがあります: –

答えて

1

次のようにプロトタイプをインポートしよう:あなたは次のように最初proptypesをインストールする必要が輸入proptypes前import PropTypes from 'prop-types'

0

を:

NPM proptypes

関連する問題