Bagaimana untuk menyelesaikan kesilapan 404 yang disebabkan oleh tidak dapat mengakses Chunk-Vendors.js dalam projek Vue?

Projek Vue gagal memuatkan vendor.js, penyelesaian untuk mengembalikan ralat 404

Apabila menjalankan projek VUE, penyemak imbas mungkin tidak dapat mengakses fail chunk-vendors.js , mengakibatkan ralat 404 disertai dengan net::ERR_ABORTED 404 (Not Found) dan prompt ralat jenis mime. Ini biasanya disebabkan kegagalan pemuatan sumber statik, bukan masalah dengan projek itu sendiri. Jika fail boleh diakses apabila tetingkap baru dibuka, ia lebih cenderung untuk menunjuk kepada ralat konfigurasi jalan.

Artikel ini menganalisis masalah dan menyediakan penyelesaian.

Analisis dan penyelesaian masalah:

Penyebab utama masalahnya ialah konfigurasi laluan sumber statik selepas projek dibina tidak sepadan dengan laluan permintaan penyemak imbas.

1. Semak Konfigurasi publicPath : Konfigurasi publicPath dalam fail vue.config.js menentukan laluan akses sumber statik selepas projek dibina. Konfigurasi yang salah akan menyebabkan penyemak imbas gagal mencari sumber. Pastikan publicPath ditetapkan dengan betul, sebagai contoh:

 modul.exports = {
  // ... konfigurasi lain awampath: process.env.node_env === 'Production'? '/name-app-name/': '/'
};

• process.env.NODE_ENV === 'production' ? '/your-app-name/' : '/' bermaksud bahawa dalam persekitaran pengeluaran, laluan sumber bermula dengan /your-app-name/ , dan dalam persekitaran pembangunan, ia adalah / . Sila gantikan /your-app-name/ dengan nama atau laluan aplikasi sebenar anda.

2. Semak laluan sumber statik: Sahkan bahawa sumber statik (seperti chunk-vendors.js ) terletak di direktori yang betul, biasanya direktori static atau public . Laluan yang salah juga boleh menyebabkan 404 kesilapan.

3. Konflik plugin mampatan (kemungkinan penyebab): konfigurasi vue.config.js yang disediakan menggunakan CompressionWebpackPlugin untuk mampatan gzip. Walaupun mampatan itu sendiri tidak menyebabkan 404, jika mampatan dikonfigurasikan secara tidak wajar atau konflik dengan konfigurasi lain, ia boleh menjejaskan pemuatan sumber. Adalah disyorkan untuk mengulas sementara beberapa kod termampat untuk melihat apakah masalah itu diselesaikan. Jika masalah diselesaikan, anda perlu menyemak semula konfigurasi plugin mampatan untuk memastikan ia mengendalikan semua sumber statik dengan betul.

4. Tetapan Jenis MIME Server: Ralat penyemak imbas meminta jenis MIME adalah text/html , bukan application/javascript , yang menunjukkan bahawa pelayan mungkin salah mengenali fail .js sebagai fail HTML. Semak konfigurasi pelayan anda (seperti Nginx atau Apache) untuk memastikan jenis mime fail .js ditetapkan dengan betul.

5. Masalah caching: Kosongkan cache penyemak imbas dan cuba muat semula halaman.

Meringkaskan:

Kunci untuk menyelesaikan chunk-vendors.js 404 adalah dengan teliti memeriksa konfigurasi publicPath , laluan sumber statik, dan konfigurasi pelayan, terutamanya tetapan jenis MIME. Jika anda menggunakan plugin mampatan, anda perlu menyemak bahawa ia dikonfigurasi dengan betul. Dengan secara beransur -ansur memeriksa mata di atas, anda harus dapat menyelesaikan masalah ini.

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan kesilapan 404 yang disebabkan oleh tidak dapat mengakses Chunk-Vendors.js dalam projek Vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!