将 Reactstrap 与 Parcel 一起使用时没有应用任何样式

Question

我正在使用 parcel 来捆绑我的代码，并使用 reactstrap 来设计我的 react 应用程序。我有一个例子：

import React from "react";
import { Button } from "reactstrap";

const Layout = () => {
  return (
    <>
      <header></header>
      <Button color="danger">Danger!</Button>
    </>
  );
};

export default Layout;

这应该会创建一个漂亮的红色按钮。但是当我 运行 带有 parcel 的应用程序（在开发模式下）时，它给了我一个普通按钮，但是按钮上应用了 classname (btn btn-danger)。这是结果：

parcel 和 reactstrap 有什么问题？我怎样才能摆脱这个问题？

Answer 1

您必须安装 bootstrap 软件包，然后在 index.js 文件中添加 bootstrap.min.css：

安装 bootstrap 软件包：

npm install --save bootstrap

将 bootstrap.min.css 添加到您的 index.js 文件：

import 'bootstrap/dist/css/bootstrap.min.css';