ReactStrap-创建反应 - App-找不到Bootstrap/dist/dist/css/bootstrap.

Question

我是新手。我正在尝试使用BootsRap4创建一个React应用。

create-react-app my-app
npm install bootstrap --save
npm install --save reactstrap@next react react-dom

在src/index.js文件中导入引导CSS：导入'bootstrap/dist/css/bootstrap.min.css';

但是，当我启动我的应用程序时，我会遇到此错误：

无法编译。

./src/index.js模块找不到：无法解决 d： react my-app2 src'

我曾经在我的HTML页面中使用Bootstrap与CDN一起使用，链接rel =" stylesheet" ... etceet et et scrct and script src =" .../strong>。但是使用 ReactStrap ，JS文件在哪里？(jQuery，popper，bootstrap((当我运行 npm install bootstrap -save -save 时，全部在一起

谢谢

Answer 1

正如您从错误中看到的那样，它试图在您的 bootstrap/dist/dist/css/bootstrap.css.css 中寻找 src 文件夹。但是，如果您查看项目文件，您会注意到 bootstrap 文件夹位于 node_modules 文件夹内的1级(在根中(。

因此，要么搜索并更正您的路径：

../node_modules/bootstrap/dist/css/bootstrap.css。

或添加(如果您还没有这样做(引用您的 index.js ：

import '../node_modules/bootstrap/dist/css/bootstrap.css'。

---

这是文件树：

+-node_modules
 |-bootstrap
  |-dist
   |-css
    |-bootstrap.css
+-src
 |-index.js