BrowserSync以列出的无访问URL开头

时间:2017-01-31 16:28:36

标签: angular npm gulp yeoman browser-sync

我刚从Yeoman安装了一个脚手架项目(ng-fullstack),只选择了客户端选项。安装得很好但是当我运行" gulp"时,所有任务都会运行而没有错误并启动http://localhost:3000。这永远不会解析一个网站,在我得到的控制台输出中:

enter image description here

运行browserSync的代码行如下所示:

$('.playButton').hover(function() { 
    $(this).addClass("m-icon--hovered");    
}, function() { 
    $(this).removeClass("m-icon--hovered");
});

var playing = false;
var sound;
var icon = $('.playButton');
$('.audio').on('click', function() {
    if(playing === false){
        playing = true; 
        sound = $(this).children()[1];
        sound.play();
        icon.attr('src','https://cdn2.iconfinder.com/data/icons/ios-tab-bar/25/Pause-512.png');
        setTimeout(function(){
        playing = false;
            sound.pause();
            sound.currentTime = 0;
            icon.attr('src','http://www.wayfm.com/wp-content/uploads/2014/06/playButton-150x150.png');
        },3000);
    } else {
        playing = false;
        sound.pause();
        sound.currentTime = 0;
        icon.attr('src','https://cdn2.iconfinder.com/data/icons/ios-tab-bar/25/Pause-512.png');
    }
});

为什么这不能正常工作的任何想法?我还不太熟悉browserSync。

3 个答案:

答案 0 :(得分:4)

您使用的是PowerShell吗?我可能遇到过同样的问题。在我的情况下,访问URL实际上是打印的,但由于着色而不可见。

您可以通过在文本编辑器中复制/粘贴访问URL并查看其值来找到。

答案 1 :(得分:2)

您还可以还原Powershell窗口以用作旧版控制台。右键单击Powershell窗口的标题栏,选择“属性”,然后单击“使用旧版控制台”。

答案 2 :(得分:0)

是的,这件事也发生在我身上。这是因为PowerShell的颜色设置。在PowerShell的“属性”中使用“旧版模式”对解决此问题没有任何帮助。

复制和粘贴的工作方式如Erik的回答所述,因为其中存在信息。

我只是将PowerShell背景颜色更改为其他颜色。任何比默认(深蓝色)亮的颜色都应该有所帮助。我喜欢非常微妙的霓虹粉。

右键单击PowerShell窗口标题栏,然后选择“属性”。然后选择“颜色”标签。在那里,您会找到自定义PowerShell显示面板的选项。

PowerShell属性屏幕快照