Sass bootstrap4媒体查询混合不工作

Sass bootstrap4媒体查询混合不工作,sass,media-queries,bootstrap-4,Sass,Media Queries,Bootstrap 4,我在使用mixin作为媒体查询断点时遇到问题。我已经包括variables.scss和_breakpoints.scss,但每当我尝试调用查询时,它都会给我一个错误: li.product{ width:100%; @include media-breakpoint-up(md) { width:48%; } @include media-breakpoint-up(lg) {

我在使用mixin作为媒体查询断点时遇到问题。我已经包括variables.scss和_breakpoints.scss,但每当我尝试调用查询时,它都会给我一个错误:

        li.product{
        width:100%;

        @include media-breakpoint-up(md) {
            width:48%;
        }
        @include media-breakpoint-up(lg) {
            width:22.05%;
        }
    }
当我试图编译时,它会抛出这个错误:

formatted: Error: Invalid CSS after "...a-breakpoint-up": expected "{", was "(lg) {"

我该如何编写查询?

我有一个打字错误,写的是@media,而不是@include。它现在起作用了