通過.netlify 部署 React 應用程序時遇到問題

Question

您好，我最近完成了 SEI 訓練營，並且正在嘗試部署我的投資組合，這是一個 React 應用程序。 我過去曾使用過 heroku，但看到我已經達到我的極限並想嘗試一種新的部署方法，我決定使用 .netlify。

我立即嘗試通過鏈接我的 github 並選擇我想要的存儲庫來通過 .netlify 的網站執行此操作。 似乎 go 沒問題，我通過 .netlify 購買了 URL，但是當我轉到我的網站頁面時，我收到“找不到 404 錯誤頁面”。

經過一些研究，我嘗試將“_redirects”文件添加到我的根目錄中，並嘗試將其添加到我的客戶端（反應）目錄中的公共目錄中，並添加到代碼行中。netlify 在他們的文檔中建議。

這當然沒有解決。 我注意到的一件事是我能夠在我的根目錄中添加一個空白的 index.html 並在其中寫上“你好”，它就會出現在我的網站上。

我一直無法找到其他解決方案或修復方法。 我嘗試了一些類似於我將如何部署 heroku 的東西，它是重組我的文件並從本質上從客戶端目錄中獲取所有內容並將其移動到我的項目的根目錄中。

這並沒有解決 404 錯誤，或者無法顯示我的 React 應用程序。

我的一位朋友告訴我，他可以通過 CLI 進行部署，而不是直接從 .netlifys 站點進行部署，所以我仍然使用重組后的文件設置來嘗試這樣做。

我現在不知所措，非常感謝任何幫助。

謝謝

Answer 1

所以我弄明白了，我恢復到舊的文件結構，我不知道如何將我的回購協議恢復到之前的提交，所以我手動完成了。

然后我進入反應應用程序（客戶端目錄），在 CLI 中運行“npm run build”。 這創建了一個構建文件。 然后我在 CLI 中運行 .netlify deploy' 它詢問哪個文件，然后我輸入 './build'，它說那是生產部署，你只需重復同樣的事情，除了添加 --prod 標志。 在 CLI .netlify 中部署 --prod'，然后是 './build'。

Answer 2

嘗試將netlify.toml文件添加到您的存儲庫並將其添加到其中。

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200