css - 类的 Sass 编译错误

Question

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

这是标准的 css，但由于某种原因，我在尝试编译它时遇到以下错误:

错误:“8px”后的 CSS 无效:预期的表达式(例如 1px，粗体)是“;” 在 C:\Users\Owner\Documents\Web Design\Practice_profile.sass 的第 2 行 使用 --trace 进行回溯。[0.4s完成]

Answer 1

它很适合我兄弟!我认为这是您的编译器的问题。我正在使用吞咽
这是我的 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']);
});