GruntFile 返回 [object, Object]

Question

我正在使用基金会/jekyll boilerplate。

每当我运行 grunt 时，它只会在我的 style.css 中返回以下内容

[object Object]

它应该已经处理了基础文件中的 scss。

这里是 gruntfile.js

module.exports = function(grunt) {
  grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),

sass: {
  options: {
    includePaths: ['bower_components/foundation/scss']
  },
  dist: {
    options: {
      outputStyle: 'compressed'
    },
    files: {
      'css/style.css': 'scss/style.scss'
    }        
  }
},

watch: {
  grunt: { files: ['Gruntfile.js'] },

  sass: {
    files: 'scss/**/*.scss',
    tasks: ['sass']
  }
}
  });

  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('build', ['sass']);
  grunt.registerTask('default', ['build','watch']);
}

我唯一要做的就是 npm install node-sass。 我运行 grunt，我的 style.css 中唯一的代码是 [object, Object]

编辑：运行npm install grunt-sass， css 现在可以很好地编译了。

Answer 1

recent version 的 node-sass 似乎存在错误，其中在错误情况下 node-sass 管道 [object Object] 而不是失败并显示正确的堆栈跟踪。

您的Gruntfile 在简化的测试用例中对我来说工作得很好，所以在运行任务之前验证您的scss 文件。

另外，用npm install node-sass -save-dev 更新到最新的node-sass/grunt-sass，因为它的行为似乎不是这样（而是会引发正确的错误）。