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

Question

我是新手。我正在尝试使用 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:导入'bootstrap/dist/css/bootstrap.min.css';

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

Failed to compile.

./src/index.js Module not found: Can't resolve 'bootstrap/dist/css/bootstrap.css' in 'D:\React\my-app2\src'

我曾经在 CDN 中使用 bootstrap，你知道，在我的 html 页面中，链接 rel="stylesheet"... 等和脚本 src=""... 等 。但是使用reactstrap，js文件在哪里？ (jquery、popper、bootstrap)(当我运行 npm install bootstrap --save 时，它们都在一起吗？)

谢谢

Answer 1

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

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

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

或者添加(如果您还没有这样做)对 index.js 的引用:

导入“../node_modules/bootstrap/dist/css/bootstrap.css”。

<小时/>

这是文件树:

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