使用 grunt 将 .scss 编译为 css 返回奇怪的错误答案

【问题标题】：Compiling .scss to css with grunt returns with weird error使用 grunt 将 .scss 编译为 css 返回奇怪的错误
【发布时间】：2017-03-09 07:02:38
【问题描述】：

所以这就是我的咕噜声：

concat: {
      css: {
        src: [
          'assets/**.scss.liquid', 'assets/**.css'
        ],
        dest: 'assets/build.scss.liquid',
      }
    },
    sass: {
      dist: {
        options: {
          style: 'compressed',
          sourcemap: 'none',
          noCache: true
        },
        files: {
          'assets/build.css.liquid':'assets/build.scss.liquid'
        }
      }
    }

SCSS：

.all-collection {
  padding-top: 50px;
  height: 100%;
  width: 100%;
  color: white !important;
  justify-content: center;
  display: flex;

  p {
    color: white !important;
  }
}

这是运行grunt concat 和grunt sass 后返回的内容： Error: Invalid CSS after "50px": expected expression (e.g. 1px, bold), was ";" on line 2 of all-collection.scss

我尝试删除它指定的行上的;，但错误只是更改为具有; 的下一行。不知道为什么会出现这个错误。

【问题讨论】：

该行的 SCSS 是什么？这意味着你的 SCSS 中有错误，因此无法编译
@JacobGray .all-collection { padding-top: 50px;高度：100%；宽度：100%；颜色：白色！重要；证明内容：中心；显示：弯曲； p {颜色：白色！重要； } }
你能在你的问题中发布它，并准确显示导致问题的行吗？
@JacobGray 更新了帖子。
嗯。那是文件的全部来源吗？它是否对任何其他文件执行此操作？

标签： css sass gruntjs grunt-contrib-sass grunt-cli

【解决方案1】：

通过切换插件解决。我改用grunt-sass。

【讨论】：