Css 是否未应用Sass文件样式?

Css 是否未应用Sass文件样式?,css,sass,gulp,pug,Css,Sass,Gulp,Pug,因此,我将导入的内容放在不同的文件中,收集WebSite不同部分的样式。现在,除了sidebar.sass之外,所有部件的样式都正常工作。出于某种原因,我在该文件中应用的样式都没有显示出来。我尝试过重新创建文件并重新导入,但似乎不起作用。请看下面的文件,看看我在做什么 导入文件: @import header.sass @import header-image.sass @import homepage-content.sass @import sidebar.sass @import foot

因此,我将导入的内容放在不同的文件中,收集WebSite不同部分的样式。现在,除了sidebar.sass之外,所有部件的样式都正常工作。出于某种原因,我在该文件中应用的样式都没有显示出来。我尝试过重新创建文件并重新导入,但似乎不起作用。请看下面的文件,看看我在做什么

导入文件:

@import header.sass
@import header-image.sass
@import homepage-content.sass
@import sidebar.sass
@import footer.sass
侧边栏

.siderbar
    @extend .col-xs-12
    .search-location
        @extend .col-xs-12
        color: #96c11f
        .white
            color: white
        .search-bar
            font-size: 12px
            color: #ef7d00
            .input-group
                @extend .col-xs-12
            #custom-search-input
            padding: 3px
            border: solid 1px #E4E4E4
            border-radius: 6px
            background-color: #fff
            #custom-search-input input
                border: 0
                box-shadow: none
            #custom-search-input button
                margin: 2px 0 0 0
                background: none
                box-shadow: none
                border: 0
                color: #666666
                padding: 0 8px 0 10px
                border-left: solid 1px #ccc
            #custom-search-input button:hover
                border: 0
                box-shadow: none
                border-left: solid 1px #ccc
    .new-location
        @extend .col-xs-12
        background-color: #ef7d00
        h1
            color: white
        img
            width: 100%
侧边栏

.sidebar
    .search-location
        p Big bread kitchen
        p.white Bij jou in de buurt
        p.search-text zoek op uw postcode
        .search-bar
            #custom-search-input
                .input-group
                    input.form-control.input-lg(type="text", placeholder="Zoek...")
                    span.input-group-btn
                        button.btn.btn-info.btn-lg(type="button")
                            p go
    .new-location
        h1 Nieuwe vesting
        img(src="images/naarden.jpg")
    .order-online
        p.white De lekkerste broodjes en snacks
        h3 Online
            span bestellen
    .save
        h3 Sparen
地图结构:
这是一个简单的输入错误,我的错。

似乎您在sidebar.sass文件中定义了一个不正确的类。在sidebar.jade中,第一个类是
.sidebar
,但在sidebar.sass中是
.sidebar

sidebar.sass:

.sidebar
   @extend .col-xs-12
   ...
sidebar.jade:

.sidebar
    .search-location
        ...

我已经读了一个多小时了。。。。我觉得自己很愚蠢。我会在5分钟内接受你的回答。感谢经常发生。很高兴帮助您:)