Почему webpack: // не отображается в chrome при использовании ng build

Question

Привет, я новичок в angular и обнаружил, что когда я использую ng serve, я вижу webpack: // в отладчике chrome, так что я могу перемещаться по моим файлам ts для отладки. Когда я использую ng build, webpack: // недоступен. Есть ли флаг, который я могу использовать или установить в angular. json, чтобы сделать веб-пакет: // видимым при использовании ng build?

Answer 1

Я считаю, что это означает, что вы работаете в режиме prod, где вам нужно работать в режиме отладки. возможно, попробуйте что-то вроде

--prod=false

при сборке с помощью prod = false, транспортер знает, как создавать файлы .map. Я думаю, что файлы .map - это маги c, позволяющие работать с отображением веб-пакетов. Итак, теперь я думаю, что вам нужно включить файлы сопоставления в вашу сборку VS html.

Я знаю, что база html, которую создает VS, отличается от базы html, что Angular веб-сервер использует. Поэтому я бы посмотрел на эти 2 базовых файла на предмет различий VS one, вероятно, * .cs html, а Angular, я думаю, будет index. html.

. Вы также можете взглянуть на инструменты разработчика, когда каждый из них загружен, и посмотреть, любые другие файлы загружаются в версии Angular (возможно, файлы .map)

Кроме того, вы можете попробовать что-то вроде:

ng serve --source-map --vendor-source-map