在 Vercel 上部署 react-app 時遇到問題。 構建錯誤

Question

我是部署應用程序的新手，因此決定使用 Vercel。 我一直收到相同的構建錯誤，如下所示。 我不確定 go 的哪個方向可以解決這個問題。 如果有人可以提供幫助，請告訴我。

https://github.com/owenosa/cryptodash

Answer 1

我在嘗試部署具有一些編譯器警告的 React 應用程序時遇到了相同的錯誤 output，請檢查開發環境中的瀏覽器控制台以查看是否有任何錯誤或警告。

修復所有警告后，它對我來說就像一個魅力。

Answer 2

我在部署到 Vercel 時遇到問題，事實證明這是 Vercel 如何處理區分大小寫與反應本地構建的問題。

如果我有以下文件名： myCoolIcon.svg我將它像這樣導入到一個組件中：

import coolIcon from '/images/mycoolicon.svg'

它不會拋出我本地 React 構建的錯誤，但它會在部署到 Vercel 時拋出錯誤並導致構建失敗。

如果您將導入更改為import coolIcon from '/images/myCoolIcon.svg'它將在 Vercel 構建上運行。

Answer 3

更改節點版本以修復它。 go 到你的error deployment -> settings，在change settings中，把nodejs的版本改成（從18x到16x或者14x）然后重新部署。 這對我有用！ 點擊查看示例照片