Невозможно использовать Chrome Live Edit с исходными картами Webpack - PullRequest
0 голосов
/ 16 декабря 2018

У меня есть конфигурация webpack 4, которая генерирует исходные карты для JavaScript моего приложения.Во время отладки моего приложения в Chrome загружаются исходные карты, чтобы я мог видеть мой не измененный код.Я установлю точку останова в функции и на вкладке Sources внесу изменения в код.Я нажимаю CMD + S, чтобы сохранить свои правки.

Обычно я ожидаю, что Chrome немного подумает, пока обрабатывает мои правки, и затем я смогу продолжить отладку сеанса с изменениями кода.

Но этого не происходит.На вкладке «Источники» появляется маленький желтый значок рядом с моим файлом, на котором написано «Изменения в этом файле не были сохранены в файловой системе» .И сеанс отладки продолжается без изменений моего кода.

Я пробовал разные опции, такие как cheap-module-source-map и cheap-module-eval-source-map для опции devtools в моей конфигурации webpack.

Есть предложения?Спасибо!

1 Ответ

0 голосов
/ 19 января 2019

У меня что-то работает!

Я закончил тем, что опубликовал свой тот же вопрос на Reddit, и получил некоторую помощь.https://www.reddit.com/r/learnjavascript/comments/a98gh1/cannot_use_chrome_live_edit_with_webpack_source/

Вам необходимо добавить каталог вашего проекта для сохранения изменений в источнике.

Вот шаги:

Открыть инструменты разработчика

Нажмите на 3 вертикальные точки в крайнем правом углу рядом с X, чтобы открыть меню.Нажмите Настройки

Нажмите Рабочее пространство

Добавьте каталог вашего проекта

Обновите страницу, и вы сможете сохранить изменения.

Надеюсьэто помогает.

Как ни странно, я смог удалить каталог моего Проекта из Рабочей области и ПО-НАЛИЧИИ в состоянии вносить живые изменения в мои исходные карты!

...