У меня возникла проблема, когда исходные файлы, созданные 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.
В Chrome появилась ошибка, попробуйте последнюю версию, а также в настройке вашего webpack попробуйте использовать разные исходные коды на devtool, попробуйте все это, чтобы посмотреть, работает ли для встроенной исходной карты:
рядный источник-карта
дешевые-рядный источник-карта
для других различных конфигураций:
дешевые-источник-карта
cheap-module-source-map
дешевы-модуль-Eval-источник-карта
в конфигурации webpack:
{
...
devtool:'source-map'
...
}