Lỗi CSS không hợp lệ Sass: "biểu thức mong muốn"

Question

Tôi vừa theo dõi Sass tutorial. Đối với một số lý do mặc dù các tập tin Sass không chính xác tạo ra các css. Các thiết bị đầu cuối nói css là không hợp lệ nhưng tôi khá chắc chắn nó không phải. Tôi cũng đã thử thay đổi nó chỉ trong trường hợp có sự cố ...

Tôi đã làm gì sai?

Sass Version: Sass 3.1.10

Thông báo lỗi:

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

nội dung tập tin .sass:

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

Answer 1

Dựa trên thông báo lỗi của bạn (error sass/test.sass) Tôi có thể cho bạn biết' đang sử dụng phần mở rộng .sass cho tệp Scss. Thay đổi tên tệp của bạn thành style.scss.

Sass và Scss sử dụng hai cú pháp khác nhau và không tương thích.

Answer 2

Hãy thử điều này:

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

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