Tôi đang làm việc trên ứng dụng dành cho máy tính để bàn dựa trên Electron + ReactJS + Redux + Material-UI + Webpack. Mọi thứ đều chạy tốt ngoại trừ một số thành phần Material-UI, như <IconMenu /> và <CircularProgress />. Các phần tử này không được Electron hiển thị đúng cách, tuy nhiên chúng hoạt động tốt trong Trình duyệt Chrome.Electron + ReactJS + Chất liệu-Giao diện người dùng hiển thị ổn định
Dưới đây là một số ảnh chụp màn hình:
thay vì
thay vì
Tôi không biết tại sao nó lại xảy ra để chuyển tiếp tùy chỉnh hoạt động tốt nhưng tôi thực sự nghĩ rằng vấn đề là họ đang sử dụng các phần tử SVG không được hiển thị chính xác. Tuy nhiên, SVG được tải tùy chỉnh hoạt động tốt.
Điều đó thực sự gây phiền nhiễu và tôi đã dành rất nhiều thời gian để xử lý nó mà không có kết quả, vì vậy cuối cùng tôi ở đây yêu cầu giúp đỡ.
'mainWindow.webContents.openDevTools()' sử dụng thanh gỡ lỗi chrome để kiểm tra phần tử –