Кто-нибудь знает, как увидеть импорт es6 в chrome devtools в приложении веб-пакета? например. import {map} from 'lodash'
и в devtools мы получаем Uncaught ReferenceError: map is not defined
в любой точке останова. Возможно, это не относится к веб-пакету.
Я пытался настроить исходные карты и никогда не мог заставить это работать. Изучение приложений Angular (2+) и React, аналогичные возможности.
Для минимальных шагов репликации: любой может легко скопировать это с помощью угловых инструментов cli или create-реагировать на приложение - создайте пустой проект и начните отладку - проверьте импорт. Однако, любое веб-приложение javascript, использующее импорт ES6, должно это делать, т.е. Если у вас есть веб-приложение, и вы можете видеть, что импорт определен, пожалуйста, прокомментируйте.
Например, из быстрого запуска create-реагировать на приложение https://github.com/facebook/create-react-app, просто запустите:
npx create-react-app my-app
cd my-app
npm start
Откройте Chrome Devtools, откройте app.js, установите точку останова в render
и попробуйте проверить React
.
При ссылке на lodash выше, lodash - простой пример зависимости npm, установленный с npm install lodash
.