为什么我的页面不能反映我在代码中所做的更改？答案

【问题标题】：Why won't my page reflect the changes I made in my code?为什么我的页面不能反映我在代码中所做的更改？
【发布时间】：2017-06-09 14:52:30
【问题描述】：

我正在尝试让这个简单的测试工作，这样我就可以继续使用 ReactJS 制作一个练习 Web 应用程序。

问题是，每次我进行更改时，我都必须按 cmd + shift + r 并进行硬重新加载而不是常规重新加载 (cmd + r)

我试过了：

开发工具 > 禁用缓存（在开发工具打开时），但它不起作用。

附带说明，我的服务器工作正常。我觉得我描述的这个问题可能是缓存问题。

这是我的index.html 文件：

<!DOCTYPE html>
<html>

  <head>
    <title>My website</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <script src="https://unpkg.com/react@15/dist/react.js"></script>
     <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.16/browser.js"></script>
  </head>

  <body>
    <div id="example"></div>
    <script type="text/babel" src="index.js"></script>
  </body>

</html>

这是我的index.js 文件：

ReactDOM.render(<h1>testin</h1>, document.getElementById('example'));

【问题讨论】：

你是如何加载这个的，你使用的是哪个网络服务器？
@Rudolf Olah 在终端中，我输入：sudo npm install -g http-server 然后将目录更改为包含这两个文件的文件夹后，我输入：http-server
@chompy 尝试在隐身模式或其他浏览器中运行它？你 100% 确定是浏览器缓存？
@Devrim 是的，我 100% 确定。

标签： javascript html css reactjs google-chrome-devtools

【解决方案1】：

您可以尝试运行http-server -c-1 此处的 -c-1 标志应该禁用缓存。

http-server command line options 有一些关于-c 标志的信息：

为缓存控制 max-age 标头设置缓存时间（以秒为单位），例如-c10 10 秒（默认为“3600”）。要禁用缓存，请使用 -c-1。

【讨论】：