with popper not found example error bootstrap webpack react-bootstrap

webpack - not - popper js npm



react-bootstrap usando webpack (1)

Estoy tratando de usar reaccionar-bootstrap con paquete web. Puedo obtener un <Button> bootstrap en una página, pero ¿no hay ningún estilo adjunto? He instalado:

"devDependencies": { "babel-core": "^5.1.11", "babel-loader": "^5.0.0", "css-loader": "^0.12.1", "react-hot-loader": "^1.2.2", "react-router": "^0.13.3", "webpack": "^1.7.2", "webpack-dev-server": "^1.7.0" }, "dependencies": { "bootstrap": "^3.3.4", "react": "^0.13.0", "react-bootstrap": "^0.22.6", "whatwg-fetch": "^0.8.1" } }

Cargadores en webpack.config.js

module: { loaders: [ { test: //.jsx?$/, loaders: [''react-hot'', ''babel''], include: path.join(__dirname, ''app'') }, { test: //.css$/, loader: "style-loader!css-loader" }, { test: //.png$/, loader: "url-loader?limit=100000" }, { test: //.jpg$/, loader: "file-loader" } ] }


react-bootstrap no incluye los estilos bootstrap.

Como lo pusieron en su página de Introducción :

  • Debido a que muchas personas usan temas personalizados de Bootstrap, no dependemos directamente de Bootstrap. Depende de usted determinar cómo obtener y vincularse a las fuentes y CSS de Bootstrap.

Debe importar los estilos de bootstrap/css/bootstrap.css . Como ya tienes una configuración de cargador para archivos css y tienes una dependencia en bootstrap, es tan simple como

require(''bootstrap/css/bootstrap.css'');