javascript - 将 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？我怎样才能摆脱这个问题？

标签： javascriptreactjsreactstrapparceljs

Answer 1

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

安装bootstrap包：

npm install --save bootstrap

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

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