Bootstrap đang cố gắng tải tệp bản đồ. Làm thế nào để vô hiệu hóa nó? Tôi có cần phải làm điều đó không?

Gần đây tôi đang chơi với bootsrap3. Tôi đã biên dịch nó từ các nguồn và bao gồm bản phân phối js và css vào dự án của mình. Vấn đề là, tôi thấy trong công cụ nhà phát triển GH, nó đang cố gắng lấy tệp .map.css. Tại sao nó muốn làm như vậy? Làm thế nào để vô hiệu hóa nó? Tôi có cần phải tắt nó không? Để không có dấu hiệu lỗi trong các công cụ dành cho nhà phát triển, tôi đã thêm tệp bản đồ đó, sau đó tất cả các kiểu được hiển thị như chúng được xác định trong ít tệp hơn, điều này không giúp tôi nhiều.

Xóa dòng /*# sourceMappingURL=bootstrap.css.map */khỏibootstrap.css

Các tệp .map cho phép trình duyệt tải xuống phiên bản đầy đủ của JS thu nhỏ. Nó thực sự dành cho mục đích gỡ lỗi.

Trên thực tế, việc thiếu .map không phải là vấn đề. Bạn chỉ biết rằng nó bị thiếu, vì trình duyệt đã mở các công cụ dành cho Nhà phát triển, phát hiện một tệp đã được rút gọn và chỉ thông báo cho bạn rằng việc gỡ lỗi JS sẽ không tốt như mong đợi.

Đây là lý do tại sao các thư viện như jQuery có đầy đủ, rút ​​gọn và cả tệp bản đồ.

Xem bài viết này để biết giải thích đầy đủ về tệp .map :

Xóa dòng /*# sourceMappingURL=bootstrap.css.map */trongbootstrap.css

Nếu lỗi vẫn còn, hãy làm sạch bộ nhớ cache của trình duyệt (CTRL + F5).

Xóa dòng "/*# sourceMappingURL=bootstrap.min.css.map */ "trong các tệp sau.

• css / bootstrap.min.css
• css / bootstrap.css

Để tìm nạp đường dẫn tệp trong Linux, hãy sử dụng lệnh find / -name "\*bootstrap\*"

Điều này chỉ xảy ra khi bạn sử dụng công cụ dành cho nhà phát triển và sẽ không xảy ra đối với người dùng bình thường truy cập máy chủ sản xuất.

Trong mọi trường hợp, tôi thấy hữu ích khi chỉ cần vô hiệu hóa hành vi này trong công cụ dành cho nhà phát triển : mở cài đặt và bỏ chọn tùy chọn "Bật bản đồ nguồn".

Sẽ không còn nỗ lực để truy cập các tệp bản đồ.

Nếu bạn không có tệp .map chính xác và bạn không muốn chỉnh sửa các dòng trong bootstrap.css, bạn có thể tạo một tệp .map giả.

Trong trường hợp của tôi, tôi đã thấy lỗi:

GET /bootstrap.css.map not found.

Vì vậy, tôi đã tạo một bootstrap.css.map trống trong thư mục / public và lỗi đã dừng lại.

Xóa / * # sourceMappingURL = bootstrap.min.css.map * / trong css / bootstrap.min.css

và xóa / * # sourceMappingURL = bootstrap.css.map * / trong css / bootstrap.css

Từ bootstrap.css, xóa bỏ dòng cuối cùng / * # sourceMappingURL = bootstrap-theme.css.map * /

Tôi cũng có cảnh báo trong Google Dev-Tools và tôi chỉ thêm tệp bootstrap.min.css.map trong cùng một thư mục, nơi có bootstrap.min.css.

Tôi hiện không có cảnh báo nào nữa và Bạn có thể tìm thêm Giải thích tại đây: https://github.com/twbs/bootstrap#whats-included

Tôi hy vọng, tôi đã trả lời Câu hỏi của bạn.

Đối với tôi, đã tạo bootstrap.css.map trống cùng với bootstrap.css và lỗi đã dừng lại.

Xóa dòng này sẽ khắc phục được sự cố, nhưng vấn đề là các tệp boostrap đang ở trong bower_componentsvà không được kiểm tra trong kiểm soát nguồn.

Vì vậy, mọi nhà phát triển trong nhóm sẽ nhận được tệp css với tham chiếu bản đồ khi họ kéo repo và thực hiện bower install(đây là một phần của việc sử dụng repo mới).

Tệp không được có tham chiếu đến bản đồ không có ở đó.

Được rồi Gần đây tôi gặp phải vấn đề này Tôi có giải pháp rất đơn giản để giải quyết Vấn đề này, hãy làm theo các bước sau: đi tới các thư mục này src-> app-> index.html mở index.html và tìm <base href="your app name ">thay đổi điều này thành<base href="https://stackoverflow.com/">

Xóa dòng cuối cùng trong bootstrap.css

folllowing lin / * # sourceMappingURL = bootstrap.css.map * /