reactjs - React Bootstrap Carousel 不显示

Question

我正在尝试创建一个利用 Bootstrap Carousel 的 React 应用程序。我遵循了这个文档，这就是我想出的：

import React from 'react'
import Carousel from 'react-bootstrap/Carousel'

function SplashScreen() {  
    return (
        <div className="Panel" style={{height: "100vh"}}>
            <Carousel>
                <Carousel.Item>
                    <img
                        className="d-block w-100"
                        src='...'
                        alt="First slide"
                    />
                </Carousel.Item>
                <Carousel.Item>
                    <img
                        className="d-block w-100"
                        src='...'
                        alt="Second slide"
                    />
                </Carousel.Item>
                <Carousel.Item>
                    <img
                        className="d-block w-100"
                        src='...'
                        alt="Third slide"
                    />
                </Carousel.Item>
            </Carousel>
        </div>
    )
}

export default SplashScreen

我一定遗漏了一些东西，因为当我编译时，这就是显示的全部内容：

如果有人对此有解决方案或可能有更好的文档，我将不胜感激！

编辑：这是安装 react-bootstrap 时的控制台

编辑2：我让它工作了。我不得不将它添加到 App.js。

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

标签： reactjsbootstrap-4