带有React-Bootstrap的Webpack，很多'找不到模块'的错误

我刚刚开始使用Webpack，我无法弄清楚打包React-Bootstrap的最佳方式。带有React-Bootstrap的Webpack，很多'找不到模块'的错误

尝试使用React和React-Router打包React-Bootstrap。 React和React-Router都按预期工作，但React-Bootstrap爆发出错。我看着走样，使用供货商大块，只是引用阵营，引导这样的：

import ReactBootstrap from 'react-bootstrap/dist/react-bootstrap';

但似乎笨重。我正在寻找使用Webpack将React-Bootstrap打包的“正确”方法。

的错误：

ERROR in ./~/react-bootstrap/lib/utils/childrenValueInputValidation.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/singlePropFrom' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib/utils 
@ ./~/react-bootstrap/lib/utils/childrenValueInputValidation.js 12:39-85 

ERROR in ./~/react-bootstrap/lib/BootstrapMixin.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/keyOf' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib 
@ ./~/react-bootstrap/lib/BootstrapMixin.js 15:30-67 

ERROR in ./~/react-bootstrap/lib/ButtonGroup.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/all' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib 
@ ./~/react-bootstrap/lib/ButtonGroup.js 21:28-63 

ERROR in ./~/react-bootstrap/lib/Button.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/elementType' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib 
@ ./~/react-bootstrap/lib/Button.js 21:36-79 

ERROR in ./~/react-bootstrap/lib/Col.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/elementType' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib 
@ ./~/react-bootstrap/lib/Col.js 23:36-79 

ERROR in ./~/react-bootstrap/lib/Dropdown.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/all' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib 
@ ./~/react-bootstrap/lib/Dropdown.js 61:28-63 

ERROR in ./~/react-bootstrap/lib/Dropdown.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/elementType' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib 
@ ./~/react-bootstrap/lib/Dropdown.js 65:36-79 

ERROR in ./~/react-bootstrap/lib/Dropdown.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/isRequiredForA11y' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib 
@ ./~/react-bootstrap/lib/Dropdown.js 69:42-91 

ERROR in ./~/react-bootstrap/lib/Grid.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/elementType' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib 
@ ./~/react-bootstrap/lib/Grid.js 17:36-79 

ERROR in ./~/react-bootstrap/lib/Jumbotron.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/elementType' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib 
@ ./~/react-bootstrap/lib/Jumbotron.js 17:36-79 

ERROR in ./~/react-bootstrap/lib/MenuItem.js 
Module not found: Error: Cannot resolve module 'react-prop-types/lib/all' in /Users/alex/Documents/lifter/node_modules/react-bootstrap/lib 
@ ./~/react-bootstrap/lib/MenuItem.js 19:28-63

有我丢失的东西？

编辑我已经尝试：

import { Something } from 'react-bootstrap';

它并没有解决问题。

我还会加我的WebPack配置：

module.exports = { 
    entry: './entry.jsx', 
    output: { 
     filename: 'bundle.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.jsx?$/, 
       exclude: /(node_modules|bower_components)/, 
       loader: 'babel-loader' 
      } 
     ] 
    }, 
    resolve: { 
     extensions: ['', '.js', '.jsx'] 
    } 
}

来源

2015-10-05 thisisnotabus

'从“反应的自举”进口{组件名称};' – zerkms

这实际上是我想的第一件事。它没有改变输出。 – thisisnotabus

你是如何安装'react-bootstrap'的？ – zerkms