为什么我的页面不会反映我在代码中所做的更改?

时间:2017-01-24 17:19:49

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

我正在努力让这个简单的测试工作,所以我可以继续使用ReactJS制作练习Web应用程序。

问题是,每次我做出更改时,都必须按cmd + shift + r并进行重新加载,而不是定期重新加载(cmd + r

我试过了:

开发工具>禁用缓存(当DevTools打开时)但它不起作用。

另一方面,我的服务器工作正常。我觉得我所描述的这个问题可能是缓存问题。

这是我的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'));

1 个答案:

答案 0 :(得分:1)

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

http-server command line options-c标志的一些信息:

  

设置缓存控制max-age标头的缓存时间(以秒为单位),例如-c10持续10秒(默认为&#39; 3600&#39;)。要禁用缓存,请使用-c-1。