Socket.io-client: Pemuatan IE 11 rusak karena nilai "utama" yang salah di package.json

Yang kamu ingin:

• [x] laporkan bug
• [ ] meminta fitur

Perilaku saat ini

Apa yang sebenarnya terjadi?

Berikut contoh resmi penggunaan:

import io from 'socket.io-client';

di aplikasi JS menghasilkan situs yang rusak di IE 11.

Dengan rusak, saya tidak bermaksud bahwa fungsionalitas socket-io tidak berfungsi, tetapi itu merusak memuat seluruh bundel aplikasi web, termasuk pelaporan kesalahan, dll. Karena tidak ada yang menguji pada IE 11 mungkin tidak ada yang benar-benar memperhatikan bug ini.

Langkah-langkah untuk mereproduksi (jika perilaku saat ini adalah bug)

Cukup tambahkan import io from 'socket.io-client' di aplikasi web dan uji di IE 11.

Perilaku yang diharapkan

Apa yang diharapkan?

IE 11 harus memuat bundel

Mempersiapkan

• OS: Menangkan 10
• peramban: IE 11
• versi socket.io:

Informasi lain (mis. stacktrace, masalah terkait, saran cara memperbaikinya)

Alasan hal ini terjadi adalah karena nilai "utama" di package.json menentukan kode sumber yang tidak dibundel, bukan folder dist yang dibundel, sehingga kode sumber dibundel. Mungkin beberapa bundler juga memproses modul yang diimpor, tetapi versi Webpack saya tidak, hanya memproses kode sumber pengguna.

Solusinya akan sangat sederhana, untuk menentukan salah satu file dist sebagai nilai "utama".

Sebagai solusinya saya menggunakan baris ini, yang berfungsi:

import io from 'socket.io-client/dist/socket.io.slim.js'