爲什麼我的頁面不能反映我在代碼中所做的更改？

我試圖讓這個簡單的測試工作，所以我可以繼續使用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/[email protected]/dist/react.js"></script> 
    <script src="https://unpkg.com/[email protected]/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'));

來源

2017-01-24 chompy

你怎麼加載這個，你正在使用哪個web服務器？ –

@Rudolf Olah在終端中，我輸入：'sudo npm install -g http-server'然後將目錄更改爲我的文件夾，其中包含這2個文件我輸入：http-server' – chompy

@chompy嘗試在隱身模式下運行它或不同的瀏覽器？你100％確定它是瀏覽器緩存？ –

你可以嘗試運行http-server -c-1的-C-1標誌這裏應該禁用緩存。

的http-server command line options對-c標誌的一些信息：

集緩存時間（以秒計）用於緩存控制最大年齡標頭，例如-c10 10秒（默認爲'3600'）。要禁用緩存，請使用-c-1。

來源

2017-01-24 18:05:14 Pineda

非常感謝：它工作！ – chompy

酷豆！很高興它對你有效：-） – Pineda

爲什麼我的頁面不能反映我在代碼中所做的更改？

回答

相關問題