reactstrap - create-react-app - not found bootstrap / dist / css / bootstrap.css - v.4

我是新手 . 我正在尝试使用bootsrap 4创建一个react应用程序 . 我正在使用 reactstrap 以下步骤:

create-react-app my-app

npm install bootstrap --save

npm install --save reactstrap@next react react-dom

在src / index.js文件中导入Bootstrap CSS:import'bootstrap / dist / css / bootstrap.min.css';

但是,当我启动我的应用程序时,我收到此错误:

编译失败 . ./src/index.js找不到模块:无法解析'D:\ React \ my-app2 \ src'中的'bootstrap / dist / css / bootstrap.css'

我曾经在我的html页面中使用了带CDN的bootstrap, link rel="stylesheet" ... etc and script src=""... etc . 但是使用 reactstrap ,js文件在哪里? (jquery,popper,bootstrap)(当我运行 npm install bootstrap --save 时,它们都在一起?)

谢谢

回答(1)

2 years ago

从错误中可以看出,它试图在src文件夹中查找bootstrap / dist / css / bootstrap.css . 但是,如果查看项目文件,您会注意到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