create-react-app的開發服務器不會自動刷新

我在使用create-react-app在React上關注tutorial。應用由create-react-app V1.3.0create-react-app的開發服務器不會自動刷新

create-react-app my-app

開發服務器運行產生由

npm start

改變代碼幾次後，瀏覽器不更新直播/熱重裝與變化。刷新瀏覽器並沒有幫助。只有停止dev服務器並重新啓動才能捕獲代碼的新更改。

來源

2017-04-07 elpddev

你是通過'http：// localhost：3000 /'訪問你的應用嗎？ –

@JoeClay是的。瀏覽器啓動並顯示頁面。它的頁面本身並沒有因對代碼進行新的編輯而發生變化。 – elpddev

您是否看過「用戶指南」的「疑難解答」部分？
它描述a few common causes of this problem：

當您保存文件，而npm start運行，瀏覽器應該用更新的代碼刷新。

如果不這樣做，請嘗試以下解決方法之一：

如果你的項目是一個Dropbox的文件夾，請嘗試移動它。

如果觀察者沒有看到名爲index.js的文件，並且您正在通過文件夾名稱引用它，則表示由於Webpack錯誤導致need to restart the watcher。

有些像Vim和IntelliJ這樣的編輯器有一個「安全寫入」功能，目前打破了觀察者。您將需要禁用它。按照「Working with editors supporting safe write」中的說明操作。

如果您的項目路徑包含圓括號，請嘗試將項目移至沒有它們的路徑。這是由Webpack watcher bug引起的。

在Linux和macOS上，您可能需要tweak system settings以允許更多的觀察者。

如果項目在虛擬機（如Vagrant provisioned）的VirtualBox內部運行，請在您的項目目錄中創建一個.env文件（如果它不存在），並將CHOKIDAR_USEPOLLING=true添加到它。這可確保在下一次運行npm start時，觀察程序將在虛擬機內部根據需要使用輪詢模式。

如果這些解決方案都不能解決問題，請發表評論in this thread。

我希望這有助於！

來源

2017-04-07 15:13:02

謝謝你，你已經死了。我正在使用Vim。如提供的文檔鏈接所述，設置'set backupcopy = yes'解決了這個問題。 – elpddev

您是否嘗試過使用超級用戶權限的npm開始？我的項目出現了問題，我解決了這個問題。

$sudo bash 
#npm start

來源

2017-04-07 10:20:43 JiN

感謝您的回答。這沒有奏效。不在sudo中，也不在root用戶下。 – elpddev

create-react-app的開發服務器不會自動刷新

回答

相關問題