Điểm:0

Cách gỡ lỗi sự cố tổng hợp ccs và js

lá cờ jp

Tôi đang làm việc trên một trang web D9. Trên máy chủ cục bộ của mình, tôi đã tắt tất cả các cài đặt bộ đệm và hiệu suất như tổng hợp js và css. Bây giờ khi tôi sao chép trang web của mình sang máy chủ từ xa, các cài đặt này sẽ được bật. Điều tốt để biết là tôi sử dụng quảng cáo bên cạnh các tùy chọn hiệu suất cốt lõi.

Nhưng trên một số trang ở phần cuối của trang web, tôi gặp lỗi js dẫn đến sự cố, chẳng hạn như: admin_toolbarnhóm_trường mô-đun.

Các lỗi tôi nhận được là:

js_nQSC-j3xSBBFH94RLP2UNldFGFjdcQr_cdv6pqavR50.js:
263 Uncaught TypeError: Không thể đọc các thuộc tính không xác định (đọc 'nguyên mẫu')

js_XMjKep3b2Hxz8NdcZwBLPiZQ2m6qy98seMywBj9lZZ8.js:
475 Uncaught TypeError: Không thể đọc các thuộc tính không xác định (đọc 'đính kèm')

js_XMjKep3b2Hxz8NdcZwBLPiZQ2m6qy98seMywBj9lZZ8.js:56
Uncaught TypeError: Drupal.toolbar.ToolbarModel không phải là hàm tạo

Khi xem thông báo nhật ký, không có thông báo nào liên quan đến vấn đề của tôi.

Khi tôi vô hiệu hóa tập hợp JS và CSS cốt lõi trong trang Hiệu suất của trang web, các sự cố sẽ biến mất và tất cả đều hoạt động bình thường.Sau khi tôi thực hiện, thông báo mới này xuất hiện trong nhật ký tin nhắn. Các thông báo này trỏ đến các tệp js.map bị thiếu. Tôi không biết nếu điều này có liên quan đến vấn đề của tôi. Vì vậy, tôi thêm chúng dưới đây.

/sites/default/files/js/optimized/maps/script.min.js.map
/sites/default/files/js/optimized/html5sortable.min.js.map
/sites/default/files/js/optimized/index.umd.min.js.map
/sites/default/files/js/optimized/jquery.once.min.js.map
/sites/default/files/js/optimized/backbone-min.map

Tôi cũng đã cố gắng tắt advagg và chỉ sử dụng tập hợp js và css cốt lõi nhưng điều này giải quyết được vấn đề. Vì vậy, có vẻ như có vấn đề với chức năng cốt lõi. Và đây là kết quả nghiên cứu của tôi, và giờ tôi đang bế tắc. Ai đó có thể giúp tôi với bước tiếp theo để tìm ra vấn đề là gì không?

lá cờ cn
Trước tiên, hãy thử chuyển đến tab Giao diện với tư cách quản trị viên và lưu lại cài đặt cho chủ đề quản trị mà bạn đang sử dụng. Sau đó, xây dựng lại bộ đệm. Đôi khi điều này có thể khắc phục lỗi JS đã được tạo hoặc đồng bộ hóa không đúng cách.
Joost avatar
lá cờ jp
Cảm ơn bạn đã trả lời nhanh chóng, tôi đã làm những gì bạn nói và điều này không giải quyết được vấn đề của tôi. Nhưng nó đã đưa tôi vào một con đường mới. Tôi đang sử dụng chủ đề quản trị viên tùy chỉnh, việc chuyển sang chủ đề quản trị viên khác cũng giải quyết được sự cố. Vì vậy, có điều gì đó không ổn trong chủ đề quản trị viên tùy chỉnh của tôi. Bất kỳ ý tưởng những gì có thể gây ra vấn đề ở trên?
lá cờ cn
Giả sử chủ đề quản trị tùy chỉnh của bạn là chủ đề phụ của Seven, Claro hoặc Gin, tôi sẽ kiểm tra cách bạn xác định thư viện chủ đề trong chủ đề phụ của mình. Nếu thấy ổn, tôi sẽ xem qua hướng dẫn về chủ đề phụ và tạo lại chủ đề phụ từ đầu: https://www.drupal.org/docs/theming-drupal/creating-sub-themes
lá cờ ru
Kiểm tra xem có thiếu `; ` dấu chấm phẩy trong tệp JS của bạn. Tập hợp có thể xóa dòng mới `\n`, nếu bạn dựa vào dòng mới thay vì dấu chấm phẩy cho "cuối lệnh", thì điều này có thể gây ra các lỗi đó.
Joost avatar
lá cờ jp
Tôi đã có thể theo dõi nó xuống một phần cụ thể của mã js. Mã này chỉ cần thiết trên hai trang, vì vậy tôi chỉ thêm thư viện này vào các trang này và sau khi làm điều này, tất cả sẽ hoạt động bình thường. Cảm ơn rất nhiều, những gợi ý này thực sự đã giúp tôi tìm ra vấn đề!

Đăng câu trả lời

Hầu hết mọi người không hiểu rằng việc đặt nhiều câu hỏi sẽ mở ra cơ hội học hỏi và cải thiện mối quan hệ giữa các cá nhân. Ví dụ, trong các nghiên cứu của Alison, mặc dù mọi người có thể nhớ chính xác có bao nhiêu câu hỏi đã được đặt ra trong các cuộc trò chuyện của họ, nhưng họ không trực giác nhận ra mối liên hệ giữa câu hỏi và sự yêu thích. Qua bốn nghiên cứu, trong đó những người tham gia tự tham gia vào các cuộc trò chuyện hoặc đọc bản ghi lại các cuộc trò chuyện của người khác, mọi người có xu hướng không nhận ra rằng việc đặt câu hỏi sẽ ảnh hưởng—hoặc đã ảnh hưởng—mức độ thân thiện giữa những người đối thoại.