Javascript 将预处理器语言添加到vueify组件的样式部分会导致生成失败而不会出错

我正在试验变压器。我有一个名为记分板的测试组件：

<style>
.scorecard-panel{
    border: 1px solid green;
    background-color: #fbd900;

}
table{
    width: 300px;
    border-collapse: collapse;

}
th,td{
    border:1px solid blue;
    padding: 10px;
}
th{
    background-color:rgb(0, 10, 255);
    color: white;
    font-weight: bold;
}
</style>

<template>
    <div class="scorecard-panel">
        <table>
            <tr>
                <th>
                    Chris
                </th>
                <th>
                    Ruthie
                </th>
            </tr>
            <tr>
                <td>
                    <counter></counter>
                </td>
                <td>
                    <counter></counter>
                </td>
            </tr>
        </table>
    </div>
</template>

<script>
var counter = require('./counter.vue');

module.exports = {

    data: function (){
        return {
            test: 'worked'
        }
    },
    components:{
        counter: counter
    }
}
</script>

由于我是vueify（和vue）的新手，我确信有一些我做错了或遗漏的事情导致了这个错误。有人看到挂断了吗

---

我还应该注意，我知道我的示例中的样式规则不需要当前定义的sass预处理器；我删除了规则的嵌套，以便验证是语言预处理器导致了错误，而不是规则的语法

是否安装了

节点sass

npm包

---

请尝试

npm安装节点sass

，然后再次运行它。虽然我不知道可信性更改客户端v3的意思。

您是否安装了

节点sass

npm包

---

请尝试

npm安装节点sass

，然后再次运行它。虽然我不知道可信性更改客户端v3的意思。

啊，那绝对是一个面子时刻。不，我没有安装node-sass包。我错过了。我安装了node sass并修复了它。谢谢你的帮助！哦，ReliableChangeClientV3只是我正在构建的原型所在目录的名称。啊，那绝对是一个facepalm时刻。不，我没有安装node-sass包。我错过了。我安装了node sass并修复了它。谢谢你的帮助！哦，ReliableChangeClientV3只是我正在构建的原型所在目录的名称。

<style lang="sass">
.scorecard-panel{
    border: 1px solid green;
    background-color: #fbd900;

}
...

var browserify = require('browserify');
var gulp = require('gulp');
var vueify = require('vueify');
var source = require('vinyl-source-stream');

gulp.task('default', ['watch']);

gulp.task('build-app', function (){
    console.log('Building App...');
    return browserify('src/js/app.js')
        .transform(vueify)
        .bundle()
        .pipe(source('bundle.js'))
        .pipe(gulp.dest('public/js'));
});

gulp.task('watch', function (){
    gulp.watch('src/js/**/*.{js,vue}', ['build-app']);
});