2015-06-04 25 views
22

Cho đến gần đây, trình duyệt Chrome của tôi đã tải file bản đồ nguồn CSS một cách chính xác. Bây giờ, nó không phải là.Chrome không tải bản đồ nguồn CSS?

Bối cảnh là:

enter image description here

Và các file CSS có một thẻ lập bản đồ nguồn ở phía dưới:

/*# sourceMappingURL=Home.cshtml.css.map */ 

Nhưng tab Network and Fiddler2 cho thấy rằng Chrome không phải là thậm chí đang cố gắng tải tệp bản đồ nguồn.

Có một cái gì đó mà tôi đang thiếu? Cú pháp sourceMappingURL có đúng không? Tôi đã bật và tắt cài đặt "Bật bản đồ nguồn CSS".

Chrome phiên bản: 44.0.2403.30 beta-m

file Sourcemap tạo ra bởi Essentials Web trong VS 2013.

+0

Nếu nó chỉ là thời gian gần đây mà họ ngừng làm việc, làm tải bản đồ nguồn của bạn trong Chrome 43 (ổn định) với sourceMappingURL giống nhau không? Có lẽ một hồi quy trong bản Beta? –

+0

Tôi đã chuyển sang Phiên bản 44.0.2403.89 m (không phải beta). Vấn đề vẫn đang xảy ra. –

+1

Khi tôi đã xử lý các vấn đề bản đồ nguồn như thế này thường là do tệp của tôi có cấu trúc thay đổi từ khi bản đồ nguồn được tạo (không giải thích những gì fiddler nói mặc dù). Một giải pháp tôi đã sử dụng trong quá khứ của việc này là để nội tuyến các bản đồ nguồn vào JS tập tin bản thân trong quá trình phát triển và sau đó tước ra bản đồ nguồn trong sản xuất. Các tập tin là rất lớn, nhưng vì nó chỉ là trong phát triển, nó không quan trọng. –

Trả lời

5

Bạn có thể thử các bước sau:

1- xóa tập tin bản đồ và tạo lại nó.

2- Sử dụng thanh tra chrome, hãy vào Settings> General và sau đó nhấn vào nút "Khôi phục mặc định và tải lại"

+1

Không chắc chắn lý do bạn nhận được -1 câu trả lời này, nhưng sau nhiều lần thử và tìm kiếm trên web. bản đồ nguồn của tôi cuối cùng hoạt động nhờ vào câu trả lời của bạn. CẢM ƠN BẠN!!! – Er85

+0

Tính đến Chrome 52, The "Khôi phục mặc định và tải lại" nút nằm ở góc dưới bên phải của Settings> Preferences. Sử dụng dấu chấm lửng dọc (⋮) ở trên cùng bên phải của thanh tra để đến cài đặt. –

+1

"Khôi phục mặc định" đã hoạt động! Cảm ơn! –

3

Khi file CSS có sourcemapping nhúng dưới dạng base64, sau đó nó dường như làm việc tốt.

Ví dụ:

/*# sourceMappingURL=data:application/json;base64,eyJ2....5235== */ 
+0

Và làm thế nào để tôi tạo ra sourceMap sass như thế? – deathangel908

+1

@ deathangel908 Bạn sẽ có thể tìm thấy câu trả lời trong tài liệu về bất kỳ bộ xử lý SASS nào bạn đang sử dụng. –

+0

@ deathangel908 có một ví dụ với Gulp trên trang gulp-sass, chỉ cần tìm kiếm "bản đồ nguồn" https://www.npmjs.com/package/gulp-sass – retrovertigo

Các vấn đề liên quan