帶班薩斯編譯錯誤

Question

.profile-img{ 
    border-radius: 8px; 
    height: 200px; 
    width: 200px; 
    border: 5px solid green; 
} 

這是標準的CSS，但由於某種原因，我收到以下錯誤，當我嘗試編譯：

錯誤：「8像素」後無效的CSS：預計表達（如1像素，粗體），是「;」在C：\ Users \ Owner \ Documents \ Web Design \ Practice_profile.sass的第2行上輸入 使用--trace進行回溯。 [已完成0.4s]

Answer 1

它適用於我兄弟！ 我認爲這是你的編譯器的問題。 我使用的是咕嘟咕嘟
這是我gulpfile.js 您可以安裝杯和咕嘟咕嘟，青菜
使用CMD進入您的文件夾中包含gulpfile然後運行：一飲而盡看
每次你改變你的SCSS文件，它會編譯css文件給你

* file: gulpfile.js */ 

var gulp = require('gulp'), 
    sass = require('gulp-sass'); 

gulp.task('build-css', function() { 
    return gulp.src('css/*.scss') 
    .pipe(sass()) 
    .pipe(gulp.dest('css')); 
}); 

/* updated watch task to include sass */ 
gulp.task('watch', function() { 
    gulp.watch(['css/*.scss'], ['build-css']); 
});