Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
浏览器仅同步主页上的CSS更改-MVC项目_Css_Google Chrome_Browser Sync - Fatal编程技术网

浏览器仅同步主页上的CSS更改-MVC项目

浏览器仅同步主页上的CSS更改-MVC项目,css,google-chrome,browser-sync,Css,Google Chrome,Browser Sync,因此,我发现VSCode扩展liveserver在更新HTML和CSS文件时非常酷/有用。我尝试了几件事,包括在我的Chrome浏览器中下载并安装Live Server Extension,代理服务器,监听CSS文件的更改。每次我更新CSS文件之后,它都会完全刷新页面,而不是注入CSS代码。因此,我寻找了另一种解决方案,并得出以下结论: 看起来非常有用,所以我继续按照步骤通过npm安装浏览器同步。安装后,我转到我的项目文件夹,并在我的PowerShell中运行以下程序: browser-syn

因此,我发现VSCode扩展liveserver在更新HTML和CSS文件时非常酷/有用。我尝试了几件事,包括在我的Chrome浏览器中下载并安装Live Server Extension,代理服务器,监听CSS文件的更改。每次我更新CSS文件之后,它都会完全刷新页面,而不是注入CSS代码。因此,我寻找了另一种解决方案,并得出以下结论:

看起来非常有用,所以我继续按照步骤通过npm安装浏览器同步。安装后,我转到我的项目文件夹,并在我的PowerShell中运行以下程序:

browser-sync start --browser "Chrome" --proxy="http://localhost:59810/" --files '**/*.js,Content/*.css,**/*.jsx'
是的,我采取措施确保我的web项目不会启动页面本身,而是侦听请求:

事情是这样的。在玩了一会儿之后,我注意到除了主页(index.cshtml)之外,没有任何更改会自动更新,特别是在CSS中,而不进行页面刷新

我在想原因。以前有人遇到过这个问题吗?有故障排除步骤吗?我注意到,在运行DevTools时,Chrome浏览器中的样式表甚至会更新,但页面本身并没有改变:

还有其他建议吗?值得一提的是,这里是我的PowerShell会话的屏幕截图(我注意到预期的URL没有填充):