2021.12.7 每天进步一点点: react中更改内容后页面自动刷新失效?

315 阅读1分钟

create-react-app imitate-bilibili 新建了项目。

yarn start 启动项目, 正常。

更改页面内容, 页面可以自动刷新。 正常。

继续操作。

然后,删除了/src下的所有文件。进行项目文件的初始化。

这时候,出现了问题。

再更改内容, 页面不会自动刷新了。 更改后的内容不再立即显示到页面来了。

要解决这个问题,首先想到的是webpackDevServer.config.js中的配置问题。

于是,找到这个文件, 然后阅读里面的配置内容。

其中有一句:

// By default files from contentBase will not trigger a page reload.

意思是: 默认情况下,contentBase对应的文件不会自动刷新。

也就是说, 被contentBase配置过的路径,是不会自动刷新页面,更细出最新内容的。

于是,直接把这句配置注释掉:

在这里插入图片描述

保存。

yarn start 重启项目。

更改内容, 可以看到页面可以自动刷新了。

解决。