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秒后让我自己解决。

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

1 个答案: