React应用中无法使用实时服务器的原因是什么？

Question

我知道使用实时服务器无法提供React应用程序。换句话说，即使将js捆绑并链接到HTML文件，如果您静态地打开文件，React代码也不会渲染。

我了解了静态和动态服务器，但由于React全部在客户端上发生，我无法理解为什么使用webpack、vite甚至一个简单的express服务器来提供应用程序是可行的，但无法通过实时服务器提供，也无法手动打开并工作。

有什么区别？

Answer 1

区别在于JavaScript代码在浏览器中的执行方式。当你通过webpack开发服务器、express服务器或任何其他类型的服务器提供React应用程序时，JavaScript代码在网页的上下文中执行，可以访问DOM和所有的Web API。

但是，当你静态地打开一个HTML文件时，JavaScript代码在一个隔离环境中执行，对Web API的访问是有限的。这就是为什么依赖于DOM和Web API的React代码在手动打开时无法工作。

Webpack、vite和express提供了一个动态环境，具备React运行所需的所有必要API和服务。这是通过将应用程序作为网页通过HTTP提供，然后由浏览器加载和执行。