4

我是新来的。我正在尝试使用 bootsrap 4 创建一个反应应用程序。我正在按照以下步骤使用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'

我曾经使用 CDN 引导程序，你知道，在我的 html 页面中， 链接 rel="stylesheet" ... etc 和 script src=""... etc。但是使用reactstrap，js文件在哪里？（jquery，popper，bootstrap）（当我运行npm install bootstrap --save时都在一起？）

谢谢

4

1 回答 1

5

正如您从错误中看到的那样，它会尝试在您的src文件夹中查找bootstrap/dist/css/bootstrap.css 。但是，如果您查看您的项目文件，您会注意到引导文件夹位于node_modules文件夹内的上一级（在根目录中）。

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

../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
于 2018-03-28T15:24:13.147 回答