reactstrap - create-react-app - 未找到 bootstrap/dist/css/bootstrap.css - v.4

IT技术 reactjs bootstrap-4 reactstrap
2021-05-10 15:31:32

我是新手。我正在尝试使用 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 未找到module:无法解析“D:\React\my-app2\src”中的“bootstrap/dist/css/bootstrap.css”

我曾经在 CDN 中使用引导程序,你知道,在我的 html 页面中, 链接 rel="stylesheet" ... etc 和 script src=""... etc但是使用reactstrap,js 文件在哪里?(jquery、popper、bootstrap)(当我运行npm install bootstrap --save时全部一起?)

谢谢

1个回答

正如您从错误中看到的,它尝试在您的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