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提供，然後由瀏覽器載入和執行。