【问题标题】:Chrome dev tools opens an old file when I try to debug?当我尝试调试时,Chrome 开发工具会打开一个旧文件?
【发布时间】:2022-10-26 02:09:10
【问题描述】:

我正在尝试调试 javascript 文件,但每当我使用 Chrome Devtools 时,都会打开一个随机的旧 JS 文件。因此,我无法继续我的项目。有谁知道为什么它不会读取当前文件?您可以在 gif 上看到我正在使用 index.js,但每次我调试它都会打开一个随机文件并读取它。

GIF OF THE ERROR

【问题讨论】:

    标签: javascript google-chrome-devtools


    【解决方案1】:

    这可能是缓存的问题。尝试使用静默浏览器并禁用缓存

    enter image description here

    【讨论】:

    • 我的缓存被禁用。我也尝试过硬重置。我不知道为什么它一直这样做。
    • 嗯,这是一件奇怪的事情,它偶尔会发生,以确保请求的 JS 是您认为的那样,也许考虑添加 version numbertimestamp
    【解决方案2】:

    浏览器缓存您的旧 JS 文件。因此,您可以在 Chrome 上执行的操作是在开发工具打开时使用 CTRL + Shift + R 执行硬刷新。

    【讨论】:

    • 我已经这样做了,但它仍然不起作用。
    【解决方案3】:

    如果你的项目使用 webpack。确保它保持运行。 VScode 扩展 LiveServer 将进行更改,但仅适用于您上次运行它时拥有的 JS 文件。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-04-02
      • 2013-08-27
      • 1970-01-01
      • 2019-03-03
      • 2021-05-13
      • 1970-01-01
      • 2017-01-11
      相关资源
      最近更新 更多