javascript - Uncaught TypeError: Cannot read property 'PropTypes' of undefined(…) React Bootstrap の問題、また ReactDOM が定義されていない適切なインポートの問題

Question

だから私は、バックエンドを提供するエクスプレスでreact-JS Webサイトを構築しています。認証にreact-routerとreact-stormpathを使用しています。webpack も使用します。ブートストラップ JavaScript の読み込みに問題があります。react-bootstrap をインストールし、エクスプレスから css ファイルを問題なく提供しています。ただし、レンダリングしようとすると、いくつかのエラーが発生します。1 つは ReactDOM が を認識しないこと ReactDOM(Uncaught ReferenceError: ReactDOM is not defined(…))に関連し、もう 2 つはbootstrap(Uncaught TypeError: Cannot read property 'PropTypes' of undefined(…) & Uncaught SyntaxError: Unexpected token :). これは私の最初の React アプリケーションです。

/* 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')
);