Tôi nhận được lỗi này trong bảng điều khiển dành cho nhà phát triển Google Chrome.
Không thể phân tích được SourceMap: http: // localhost: 15132 / ScScript / _External / igniteui / css / Themes / infragistic / infragistic.theme.css.map
Làm thế nào để tôi sửa chữa nó?
Câu trả lời:
Chrome gần đây đã thêm hỗ trợ cho bản đồ nguồn trong các công cụ dành cho nhà phát triển. Nếu bạn đi dưới cài đặt trên thanh công cụ dành cho nhà phát triển chrome, bạn có thể thấy hai tùy chọn sau:
Nếu bạn tắt hai tùy chọn đó và làm mới trình duyệt, nó sẽ không còn yêu cầu bản đồ nguồn nữa.
Các cài đặt này có thể được tìm thấy ở đây:
Mặc dù câu trả lời được chọn là một câu trả lời tốt để che giấu lỗi, nhưng nó không làm cho lỗi biến mất, chỉ là bạn không thể nhìn thấy nó trong thanh tra. Một cách khác là tải xuống tệp bản đồ bị thiếu và đặt nó vào thư mục tài sản / lib. Vì vậy, ví dụ, tôi bị thiếu angular-route.min.js.maptệp và tôi đã truy cập vào đây https://code.angularjs.org/1.5.3/ (để phiên bản chính xác của góc) và tải xuống tệp bị thiếu. Lỗi không biến mất ngay lập tức, có thể là do bộ nhớ đệm, nhưng một khi tôi đã đi đến tệp thực tế trong trình duyệt thì nó đã hoạt động. http://sitename.localhost/assets/lib/angular-route.min.js.map. Bây giờ, thanh tra không còn hiển thị lỗi ngay cả khi bật bản đồ nguồn.
Failed to parse SourceMaptrong bảng điều khiển Chrome. Khi tôi chuyển sang sử dụng Backendless.js không nén (không có .min), tôi đã không gặp lỗi. Tôi đoán có lẽ bản đồ nguồn không có ý nghĩa khi sử dụng javascript rút gọn? Tôi đoán rằng tôi có thể cố gắng thiết lập môi trường dev cục bộ của mình để sử dụng bản đồ nguồn JS + không nén và chỉ có môi trường sản xuất sử dụng JS được nén.
Hơn nữa chỉ đơn giản là tắt Bản đồ nguồn trong Chrome - Tôi đã thực hiện một chút đào và thấy rằng việc sử dụng Web Essentials để tạo bản đồ nguồn dường như là vấn đề.
Vì bất kỳ lý do gì, nếu tôi sử dụng trình biên dịch bên ngoài (Koala), tôi có thể tạo thành công bản đồ nguồn làm việc trong Chrome (không có lỗi). Trong khi đó nếu tôi sử dụng Web Essentials thì bản đồ nguồn không thể phân tích cú pháp.
Hy vọng điều này sẽ giúp được ai đó.
Mã nguồn của CSS / JS chúng tôi thường thu nhỏ / nén. Bây giờ nếu chúng ta muốn gỡ lỗi các tệp đã rút gọn đó thì chúng ta phải thêm dòng sau vào cuối tệp đã rút gọn
/*# sourceMappingURL=bootstrap.min.css.map */Điều này cho trình biên dịch nơi tập tin nguồn thực sự được ánh xạ.
Trong trường hợp của JS, nó có ý nghĩa
nhưng trong trường hợp CSS , nó thực sự gỡ lỗi SCSS.
Để xóa Cảnh báo: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.
Tôi gặp vấn đề tương tự vì .htaccesscó cài đặt không chính xác:
RewriteEngine trên
RewriteRule !. (Js | gif | jpg | png | css) $ index.php
Tôi đã giải quyết điều này bằng cách sửa đổi tệp:
RewriteEngine trên
RewriteRule !. (Js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | map ) $ index.php
Điều này đôi khi có thể do tiện ích mở rộng Chrome bạn đã cài đặt. Ví dụ: AdBlock .
Thật không may, giải pháp tốt nhất tôi có thể tìm thấy là vô hiệu hóa tiện ích mở rộng vi phạm.
Khi tôi gặp vấn đề này, nguyên nhân là do tham chiếu tương đối đến các tệp mẫu khi sử dụng mô-đun ui.bootstrap.modal .
templateUrl: 'js/templates/modal.html'
Điều này hoạt động từ một tên miền gốc ( www.example.com ) nhưng khi một đường dẫn được thêm vào ( www.example.com/path/ ) thì tham chiếu bị phá vỡ. Câu trả lời trong trường hợp của tôi chỉ đơn giản là làm cho tham chiếu tuyệt đối ( js / -> / js / ).
templateUrl: '/js/templates/modal.html'
Lỗi trong Google DevTools là do tiện ích mở rộng của Google.
Không có nhiều lỗi trong giao diện điều khiển.
Kiểm tra xem bạn có đang sử dụng một số tiện ích mở rộng của Chrome không (Chế độ ban đêm hoặc thứ gì khác). Vô hiệu hóa điều đó và xem nếu 'tiêm' biến mất.
Tôi nhận thấy sự cố đó do Tiện ích mở rộng AdBlock, tôi đã tắt tiện ích mở rộng AdBlock, sự cố đã được giải quyết.