Как получить доступ к содержимому чистых модулей ES6 (без Webpack) в консоли Chrome

Question

Контекст:

Прямой вывод из tsc с таргетингом es6 на язык и модули.

Скрипты загружаются и работают правильно, если их обслуживать с сервера. Но я не понимаю, как можно получить доступ к переменным в модулях через консоль. Имена файлов недоступны как объекты (как-то), представляющие модули, поэтому я могу получить к ним доступ через это, и я не могу импортировать что-либо в консоль.

Answer 1

Я не знаю, есть ли официальный способ сделать это; в противном случае я бы определенно предложил подать ошибку , если ее еще нет.

Я могу предложить обходной путь: добавьте строку кода в один из модулей, чтобы назначить переменную, к которой вы хотите получить доступ, свойству окна. Например, для «живого демо», связанного с этой статьей , вы можете просто добавить window.addTextToBody = addTextToBody к основному модулю, встроенному в HTML. Если вы на самом деле не хотите модифицировать модуль, всегда есть хитрость добавления условной точки останова, которая выполняет требуемый код в целевой области и всегда возвращает false, например, точка останова с условием window.addTextToBody = addTextToBody; false.