引导轮播在Node JS Pug引擎上不起作用

Question

extends layouts/main-layout.pug

block styles
 link(rel="stylesheet", href="/bootstrap/dist/css/bootstrap.css")

block content 
    script(src="/bootstrap/js/bootstrap.js")
    main                   
        #carouselExampleControls.carousel.slide(data-ride='carousel')
            .carousel-inner
                .carousel-item.active
                    img.d-block.w-100(src='/images/home.png' alt='First slide')
                .carousel-item
                    img.d-block.w-100(src='/images/home1.png' alt='Second slide')
            a.carousel-control-prev(href='#carouselExampleControls' role='button' data-slide='prev')
                span.carousel-control-prev-icon(aria-hidden='true')
                span.sr-only Previous
            a.carousel-control-next(href='#carouselExampleControls' role='button' data-slide='next')
                span.carousel-control-next-icon(aria-hidden='true')
                span.sr-only Next

以上是我的.pug文件。 我得到的输出是：该home1下方的home图像。

我想实现：https://getbootstrap.com/docs/4.0/components/carousel/ {使用控件} SS 添加答案