Question

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

这是标准的CSS，但由于某些原因，当我尝试编译它时会出现以下错误：

错误：＆＃34; 8px＆＃34;之后的无效CSS：预期表达式（例如1px，粗体）是＆＃34 ;;＆＃34; 在C：\ Users \ Owner \ Documents \ Web Design \ Practice_profile.sass的第2行使用--trace进行回溯。 [完成0.4秒]

Answer 1

它与我合作兄弟！我认为你的编译器存在问题。我正在使用Gulp
这是我的gulpfile.js 你可以安装Gulp和Gulp-sass
使用CMD转到你的文件夹包含gulpfile然后运行：gulp watch
每次更改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']);
});

类的Sass编译错误

1 个答案: