Я пытаюсь заставить проект Webpack иметь файл исходной карты.
Я, наконец, получил настройки правильно, чтобы он это сделал, но теперь я получаю эту ошибку:
DevTools не удалось проанализировать SourceMap: http://MyServer/MyApp/bundle.js.map
Я перехожу к указанному URL-адресу, и я нахожу json файл с этими свойствами:
- версия - Установите значение 3
- sources - очень длинный массив строк, которые, как представляется, являются способами webpack для моих файлов.
- names - очень длинный массив строк, которые кажутся случайными переменными и функциями.
- отображения - очень длинная строка, казалось бы, случайных капитолийских букв и запятых.
- file - установить на bundle.js
- sourcesContent - Очень длинный массив строк (более 10 миллионов символов). Весь исходный код.
- sourceRoot - установить пустую строку
Все кажется действительным json. К сожалению, Chrome не дает никакой причины, почему он не смог проанализировать исходную карту.
Есть ли способ заставить Chrome сказать, почему ему не удалось выполнить синтаксический анализ исходной карты?
Или, если это не так, кто-нибудь знает, почему моя исходная карта потерпит неудачу? (Мой код слишком большой для публикации, но вот мой webpack.config.js и мои файлы package.json.)
ПРИМЕЧАНИЯ:
- Я пробовал это с помощью webpack 2.2.1, webpack 2.3.2 и webpack 2.6.1.
- Исходные карты отлично работают в IE 11 и Firefox.
- Если я устанавливаю исходные карты, то они отлично работают в Chrome DevTools, но тогда мой пакет bundle.js идет с 3 МБ (уже слишком большой) до 16 МБ (слишком большой).
- Я установил "Включить исходные карты JavaScript" в настройках (и в CSS тоже).
- Я пробовал использовать Chrome Canary, но у него была такая же проблема.
- Я хостинг в IIS.