Я использую create-реагировать-приложение 16 . ["Реагировать": "^ 16.8.4", "реагировать-скрипты": "^ 2.1.8"]
Я читаю блог о профилировании производительности от Бена Шварца с использованием инструментов Chrome Dev :
https://building.calibreapp.com/debugging-react-performance-with-react-16-and-chrome-devtools-c90698a522ad
Он рекомендует экспортировать ваш JS с source-maps .
Когда он выполняет трассировку производительности и щелкает по данному компоненту реакции в разделе «Время пользователя», информация о конкретном компоненте отображается в разделе «Вверху» с ** синими ссылками на исходный код ** справа сторона Эти ссылки не отображаются, когда я нажимаю на компоненты React. Когда я нажимаю на такие компоненты, как, например, Evaluate Script, справа отображаются синие ссылки.
Не сопоставление источника должно работать "из коробки" с create-реакции-приложением 16 в разработке .
Я хочу использовать карту исходного кода только в разработке с использованием инструментов Chrome Dev . Сопоставление источника активируется в браузере Chrome. Что мне не хватает?
Спасибо заранее
P.S .: Поскольку я не набрал 10 очков репутации, я не думаю, что буду использовать скриншоты, что в данном случае делает вещи не совсем легкими. Я надеюсь, что мне удалось объяснить мою проблему достаточно, хотя.