Ralat berkaitan Axios yang dihadapi semasa membina aplikasi React menggunakan vite

Question

Axios berfungsi dengan sempurna dalam pengeluaran, tetapi apabila membina apl saya mendapat ralat ini.

> 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

Cuba kemas kini npm, alih keluar modul nod dan pasang semula kebergantungan, serta kemas kini semua kebergantungan termasuk axios.

Answer 1

Tambah yang berikut pada vite.config.js anda:

define: { _global: ({}), }

Ini akan menentukan objek global anda sebagai objek kosong.

Bahagian fail konfigurasi vite ini menjalankan operasi carian dan ganti, dan alat binaan anda nampaknya tidak dapat mencari _global的定义（我猜测它可能是window、global节点对象等，因为axiosialah perpustakaan dalam projek anda yang boleh dijalankan pada kedua-dua penyemak imbas dan pelayan)

Selain itu, bergantung pada matlamat binaan anda, mengalih keluar vite.config文件中的_globaldefinisi juga boleh menyelesaikan masalah anda. Saya tidak mempunyai maklumat yang mencukupi untuk membantu anda dengan lebih lanjut, perkara di atas hanyalah andaian saya berdasarkan maklumat salah anda. Mungkin berguna untuk memberikan maklumat seperti versi nod konfigurasi vite anda.