需要在角度重新编译后两次刷新铬

Question

（我考虑将其放在超级用户上，但这实际上是一个编程问题）

我在背景中使用grunt browsync任务，该任务每当检测到更改时都会重新编译我的AngularJS代码。我的角度是使用ES2015编写的，并通过Babel通过肮脏的任务进行了跨性。每次，在旋转完成后，我都必须在Chrome中进行硬CTRL-F5，以查看更改会生效。在我的Chrome开发人员工具中，我检查了"网络>禁用缓存"选项。为什么我需要刷新两次，有没有办法只需先刷新一次，而无需先手动清除缓存或必须使用某种hack？

Answer 1

我不太确定这会有所帮助，但是我有类似的问题，我通过在脚本的SRC后面添加一些随机字符串

来解决。

//to tell the browser it's a different script
<script src="myscript.js?id=123123121"></script>

使浏览器将其识别为不同的脚本；我已经与Gulp，JSPM，WebPack一起工作，并且我实现上述代码的方式是使用插件，该插件将使用date.now（）在每个编译上重写脚本

Answer 2

我发现问题是我在单独的浏览器选项卡中使用直接URL加载页面，而不是Grunt BrowserSync连接到使用其指定端口号的选项卡（i）需要这样做，因为我的某些页面组件取决于端口号，因此我需要控制它）。grunt transpile之后，我需要等到连接URL的浏览器重新加载完成，然后才能在另一个选项卡中刷新我的页面，然后我首次查看刷新的代码。