使用vite建構React應用程式時遇到的Axios相關錯誤

Question

Axios在生產環境中工作得完美，但在建立應用程式時出現了這個錯誤。

> react-app@0.0.0 build
> vite build

vite v4.4.7 正在为生产环境构建...
✓ 118 个模块已转换。
✓ 1.88s 内构建完成
[commonjs--resolver] C:/Users/application/client/node_modules/axios/lib/utils.js 中出现意外的标记 (714:2)
文件: C:/Users/application/client/node_modules/axios/lib/utils.js:714:2
712:   toFiniteNumber,
713:   findKey,
714:   {}: _global,
       ^
715:   isContextDefined,
716:   ALPHABET,
构建过程中发生错误:
SyntaxError: C:/Users/application/client/node_modules/axios/lib/utils.js 中出现意外的标记 (714:2)
    at pp.raise

嘗試更新npm，刪除node模組並重新安裝依賴項，以及更新包括axios在內的所有依賴項。

Answer 1

在你的vite.config.js中加入以下內容：

define: { _global: ({}), }

這將把你的全域物件定義為一個空物件。

vite設定檔的這部分執行了搜尋和取代操作，你的建置工具似乎無法找到你專案中的_global的定義（我猜它可能是window、global節點物件等，因為axios是一個可以在瀏覽器和伺服器上都運行的函式庫）

另外，根據你的建置目標，刪除vite.config檔案中的_global定義也可能解決你的問題。我沒有足夠的資訊來幫助你進一步，以上只是我根據你的錯誤訊息的假設。提供你的vite配置節點版本等資訊可能會有幫助。