Sass 잘못된 CSS 오류 : "예상 된 표현"

방금 Sass 튜토리얼을 따랐습니다 . 어떤 이유로 Sass 파일이 CSS를 올바르게 생성하지 못합니다. 터미널은 CSS가 유효하지 않다고 말하지만 그렇지 않다고 확신합니다. 문제가있을 경우를 대비하여 변경해 보았습니다 ...

내가 뭘 잘못 했어?

Sass 버전 : Sass 3.1.10

에러 메시지:

error sass/test.sass (Line 3: Invalid CSS after "80%": 
expected expression (e.g. 1px, bold), was ";")

.sass 파일 내용 :

/* style.scss */
#navbar {
  width: 80%;
  height: 23px;
}

오류 메시지 ( error sass/test.sass)를 바탕으로 .sassScss 파일 의 확장자를 사용하고 있음을 알 수 있습니다. 파일 이름을 다음으로 변경하십시오.style.scss .

Sass와 Scss는 서로 다른 두 가지 비 호환 구문을 사용합니다.

다음 중 하나를 시도하십시오 .

/* style.scss */
#navbar {
  width: 80%;
  height: 23px;
}

또는:

/* style.sass */
#navbar 
  width: 80%
  height: 23px

파일 확장자와 구문의 차이에 유의하십시오.