Sourcemaps от одной строки в Chrome, с Ruby on Rails, Webpack и React JS

У меня возникла проблема, когда исходные файлы, созданные Webpack с использованием параметра конфигурации inline-source-map, отключены одной строкой, когда я использую отладчик Chrome devtools. Webpack настроен внутри приложения Ruby on Rails для генерации конкатенированного, unminified JavaScript файла, состоящего из нескольких десятков модулей. Большинство этих модулей являются компонентами ReactJS и анализируются загрузчиком jsx. Результат из Webpack затем включается в файл application.js вместе с некоторыми другими библиотеками JavaScript, сгенерированными драгоценными камнями.

Когда я использую eval-source-map, проблем нет. Что-то об использовании inline-source-map приводит к тому, что номера строк будут отброшены на один.

Проверка JavaScript, которая не является компонентом React, все еще имеет эту проблему, поэтому я не думаю, что она связана с использованием jsx.

ОТВЕТЫ

Ответ 1

В Chrome появилась ошибка, попробуйте последнюю версию, а также в настройке вашего webpack попробуйте использовать разные исходные коды на devtool, попробуйте все это, чтобы посмотреть, работает ли для встроенной исходной карты:

  • рядный источник-карта

  • дешевые-рядный источник-карта

для других различных конфигураций:

  • дешевые-источник-карта

  • cheap-module-source-map

  • дешевы-модуль-Eval-источник-карта

в конфигурации webpack:

{

...

devtool:'source-map'

...

}