使用vite建構React應用程式時遇到的Axios相關錯誤
P粉675258598
P粉675258598 2024-04-05 13:20:02
0
1
494

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在內的所有依賴項。

P粉675258598
P粉675258598

全部回覆(1)
P粉477369269

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

define: { _global: ({}), }

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

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

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板