無法在 Apache 中運行網站（不能在模塊外使用 import 語句）

Question

我之前曾嘗試在超級用戶社區上提問，但沒有得到任何答案，所以我在這里試試運氣。

我正在運行一個 Apache Web 服務器並決定托管一個 React 應用程序。 我有一個nano-react-app文件夾，其中包含如下所示的文件。 我可以在調試模式下呈現網站，所以我知道我的代碼工作正常。 但是當我上網時，我收到此錯誤：

未捕獲的語法錯誤：不能在模塊外使用導入語句 (index.js:1)

它指向線import React from 'react'; 在index.js 中。 老實說，我真的不明白錯誤告訴我什么，所以我不知道在哪里以及如何查看。 我所能弄清楚的是，我的Index.js文件（大寫i ）是從index.html調用的，並帶有小寫i ，它在本地沒有任何改變，但在服務器端，它在大寫i時返回此錯誤：

獲取 http://mywebsite/src/Index.js net::ERR_ABORTED 404（未找到）

現在..我在另一個 SO 問題中讀到我應該在腳本標簽中調用index.js時添加type="module"但現在我收到這個錯誤：

未捕獲的語法錯誤：意外標記“<”（index.js:5）

我非常感謝任何解決方案......謝謝！

---

Answer 1

瀏覽器本身不支持 JSX。 您需要通過創建生產構建將代碼轉換為 JavaScript。 您如何執行此操作取決於您選擇的工具鏈，並在 React 文檔 中進行了介紹。