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的开发服务器不会自动刷新

回答

相关问题