2016-03-17 41 views

Trả lời

127

Chrome gần đây đã thêm hỗ trợ cho bản đồ nguồn trong công cụ dành cho nhà phát triển. Nếu bạn đi theo cài đặt trên thanh công cụ nhà phát triển chrome bạn sẽ nhìn thấy hai tùy chọn sau:

Chrome Developer Tools Source Maps

Nếu bạn vô hiệu hóa những hai lựa 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.

+17

một tính năng "ngu ngốc". Nó chỉ nên tải sourcemaps khi chúng có sẵn. – ProblemsOfSumit

+3

Hai phần từ ảnh chụp màn hình này trong Giao diện là tùy chọn Chủ đề. Tôi đã chọn chủ đề Dark. – Steropes

+0

Tôi cần bản đồ nguồn, nhưng có một bản đồ không có sẵn cho tôi. Ẩn giấu trên các diễn đàn Meteor cho thấy Chrome đã trở thành người lựa chọn về nội dung (một số tên hoặc định dạng không mong muốn). Tôi chỉ cần bỏ qua lỗi này. – Turbo

13

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 sử dụng Web Essentials để tạo bản đồ nguồn có vẻ là vấn đề.

Vì 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 bản đồ nguồn làm việc thành công trong Chrome (không có lỗi). Trong khi nếu tôi sử dụng Web Essentials, bản đồ nguồn không phân tích cú pháp.

Hy vọng điều này sẽ giúp ai đó.

+2

Bạn đã tìm thấy bất kỳ từ nào từ nhóm Web Essentials về điều này ? Tôi nghĩ chúng ta đang gặp vấn đề tương tự. – jtheis

+2

Thật không may tôi không thể tìm thấy bất cứ điều gì về nó - tôi đang trong quá trình tìm hiểu! – Vicky

+1

Có thể tìm thấy bản sửa lỗi liên quan đến Web Essentials tại đây: [Google Chrome “Failed parsing SourceMap”: css.map (Web Essential)] (http://stackoverflow.com/questions/36133715/google-chrome-failed-parsing- sourcemap-css-map-web-essential) – chteuchteu

7

Trong khi câu trả lời được chọn là câu trả lời hay để ẩn lỗi, 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 asset/lib. Vì vậy, ví dụ, tôi đã thiếu tập tin angular-route.min.js.map và tôi đã đi đến đây https://code.angularjs.org/1.5.3/ (với phiên bản đúng 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ể do bộ nhớ đệm, nhưng một khi tôi đã đi đến các tập tin thực tế trong trình duyệt nó làm việc. http://sitename.localhost/assets/lib/angular-route.min.js.map. Bây giờ thanh tra viên không còn hiển thị lỗi ngay cả khi đã bật bản đồ nguồn.

+2

Trong khi các bản đồ nguồn là rất tốt để làm việc với các tệp javascript được rút gọn, thông báo lỗi này xuất hiện và ngăn chặn gỡ lỗi bình thường ngay cả khi bạn không cần/muốn sử dụng bản đồ nguồn. Bạn nói đúng rằng việc thêm một bản đồ nguồn sẽ khắc phục vấn đề, nhưng nếu bạn không có chúng, bạn sẽ muốn vô hiệu hóa tùy chọn này để cho phép gỡ lỗi bình thường. – Steropes

+1

Điều này hữu ích với tôi vì tôi đã cố gắng thiết lập Backendless.min.js và thấy 'Không thể phân tích cú pháp SourceMap' trong bảng điều khiển Chrome. Khi tôi chuyển sang sử dụng Backendless.js chưa nén (không có '.min'), tôi không nhận được lỗi. Tôi đoán có lẽ bản đồ nguồn không có ý nghĩa khi sử dụng javascript minified? Tôi đoán 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 các bản đồ nguồn JS + không nén và chỉ có môi trường sản xuất sử dụng JS nén. – Ryan

1

Khi tôi gặp sự cố này, nguyên nhân là tham chiếu tương đối với tệp mẫu khi sử dụng mô-đun ui.bootstrap.modal.

templateUrl: 'js/templates/modal.html'

này hoạt động từ một tên miền gốc (www.example.com) nhưng khi một con đường được thêm vào (www.example.com/path/) vỡ tham khảo. 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'

+0

Vui lòng kiểm tra [URL] này (http://stackoverflow.com/help) sẽ hữu ích khi nâng chất lượng nội dung của bạn lên –

+8

Cảm ơn willie, tôi đã đọc hướng dẫn. Bạn có cảm thấy có gì sai với câu trả lời của tôi không? – robstarbuck

4

tôi đã cùng một vấn đề vì .htaccess có các cài đặt không chính xác:

RewriteEngine on 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 các tập tin:!.

RewriteEngine on
RewriteRule (js | gif | jpg | png | css | EOT | svg | ttf | WOFF | woff2 | đồ) $ index.php

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