SCSS无法编译，SASS错误，没有.sass文件

Question

使用VueJS构建应用程序。 一切进展顺利，并且已经做了很多工作。 突然，此错误发生。 我已尽我所能地回滚，但仍然看到此错误-我不知道配置中可能发生了什么更改，从而导致此错误突然出现。

Invalid CSS after "/* banners */": expected expression (e.g. 1px, bold), was "@mixin banner-red-t"
      in C:\Projects\MyTestVueProject\src\App.vue (line 1534, column 1)

出现此错误的文件是.scss ，其启动方式如下：

/* banners */
@mixin banner-red-text{ 
    font-family:$font-family-primary;
    font-weight:$font-weight-regular;
    font-size:42px;
    color: $red;
    line-height:50px;
}

我在整个项目中没有一个.sass文件。 每个组件都有lang="scss" ，style-resource-loader设置为preProcessor: 'scss'并且每个涉及的文件都有.scss扩展名。

但是，我得到了这个错误，或者是由于其他任何人尝试将SCSS编译为SASS而导致的。

我正在使用node-sass和sass-loader程序包，但是这些似乎是用于scss编译的正确程序包。

"node-sass": "^4.12.0",
"sass-loader": "^7.1.0",

是否有人发现上述错误的另一个原因，并希望如何解决？ 除非有其他指示，否则将采用任何指针来扩展这个问题。

Answer 1

在style-resources-loader中紧接在此文件之前的另一个文件丢失了; 最后声明之后。 当文件被预加载时，它会导致单个虚拟的scss虚拟块格式错误。

在我发布问题后25秒钟，让我自己解决。