Question

我已经安装了扩展名Live SASS Compiler（实时更新），并且在编译有效（？）SASS时遇到编译错误。

某些文件仍然是CSS正常，有些是SASS，应该兼容。

我只是在这里找不到错误...

@import "ci_template.css";

body
	font-family:calibri,sans-serif,Arial
	margin:0px
	color:var(--ci-clr-primary)

/************/
/*	Header	*/
/************/ 

#header
	font-weight:bold
	background-color:var(--ci-clr-primary)
	color:white
	overflow: hidden
	#header-logo img
		width:var(--ci-logo-width)
		margin:var(--ci-logo-margin)
	#header-text
		line-height:100px
		font-size: 2.5em
	div
		float: left
		display: block

/************/
/*	topnav	*/
/************/

#topnav
	overflow: hidden
	background-color: darkgrey
	a
		float: left
		display: block
		color: white
		text-align: center
		padding: 14px 16px
		text-decoration: none
		font-weight:bold
		:hover,
		:focus
			background-color: #ddd
			color: grey

[...]

当我保存时，此错误出现在live sass控制台上：

Compilation Error
Error: Invalid CSS after '..._template.css";': expected 1 selector or at-rule, was "body"
        on line 1 of sass/c:\xampp\htdocs\projects\archiv\general.scss
>> @import "ci_template.css";
   --------------------------^

--------------------
Watching...
--------------------

Answer 1

我发现了问题。

我使用的是.SCSS源文件，但其中包含SASS语法。

重命名文件扩展名，清理了SASS的SCSS语法，现在可以按预期工作。

在VSCode中运行SASS

1 个答案: