我正在尝试同构的React应用程序,我在webpack dev服务器上进行热加载时遇到问题 . 我收到此错误:
warning.js:44警告:React尝试在容器中重用标记,但校验和无效 . 这通常意味着您正在使用服务器呈现,并且在服务器上生成的标记不是客户端所期望的 . React注入了新的标记以补偿哪些有效但你已经失去了服务器渲染的许多好处 . 相反,弄清楚为什么生成的标记在客户端或服务器上是不同的
我知道这是什么意思,但我不知道如何解决它 .
此外,请注意,当我更改我的代码导致dev服务器的热重新加载, 生产环境 或开发服务器的初始加载时,会出现此 ONLY ,不会显示警告 .
提前致谢!
1 回答
在一些过期后,我意识到只有在编辑React Stateless Functions时才会出现问题,如here所述 .
将组件更改为'ES6类表单,解决了问题 . 请注意
react-hot-loader v3.x
(目前是alpha),没有这个问题 .