Question

Browsersync流对我不起作用。

我从官方文档中复制了示例，但它无法正常工作。重新加载html和js文件正常工作。只有sass流不通。我已经阅读了github上的所有问题，无法找到我的问题的答案。

<template name="inbox">
    <div class="searchmessages">
        <input type="text" name="searchmessages" id="searchmessages" placeholder="&nbsp;&#xf002;&nbsp;&nbsp;any word / any date">
    </div>
    <div class="row">

        <div class="col-xs-4 l-O list_messages">
            <div id="gridreceived" class="gridmessages">
                {{#each incoming_all}}
                    <div id="{{_id}}" class="item {{readornot}}">
                        <div class="item-content">
                            <div class="task_inlist">
                                <div class="task_from">
                                    {{{from}}}
                                </div>
                                <div class="task_date">
                                    {{initialdate}}
                                </div>
                                <div class="task_subject">
                                    {{{subject}}}
                                </div>
                                <div class="task_content">
                                    {{{htmlbody}}}
                                </div>
                            </div>
                        </div>
                    </div>
                {{/each}}
            </div>
            <div class="grid_nomatch">{{grid_noresult}}</div>
        </div>

        <div id="conversation_details" class="col-xs-8" media="print">
            <!--
            here are each selected message details
            -->
        </div>
    </div>
</template>

Answer 1

我会做三次快速修改，看看他们是否有所帮助。第一

const browserSync = require("browser-sync").create();

注意最后的create（），你需要它。其次，简化这个：

gulp.task('default', function(callback) {
  runSequence([
    'sass', 'serve'
  ], callback)
})

为：

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

你的'服务'任务首先调用'sass'任务，所以你不需要renSequence的东西。最后，改变：

pipe(browserSync.stream());

为：

pipe(browserSync.reload({stream:true}));

我也会做出这样的改变：

gulp.watch('app/js/**/*.js').on('change', browserSync.reload(stream:true}));

Browsersync流无法正常工作

1 个答案: