При использовании 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, а затем добавить bootstrap.min.css в ваш файл index.js:

Установить bootstrap пакет:

npm install --save bootstrap

Добавьте bootstrap.min.css в файл index.js:

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