По умолчанию импорт веб-пакетов отличается от документации

Question

Я пытаюсь импортировать default из файла, который использует export default.например ..

export default build_class(.....);

Затем я пытаюсь импортировать это значение по умолчанию, используя ...

import DaClass from 'dafile';

Согласно MDN (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) это должно импортировать экспорт по умолчанию как мойDaClass переменная, и если я хочу модуль, то вы используете оператор import * as daModule from 'dafile'.

Но в Webpack это, кажется, дает мне модуль, а не значение по умолчанию, к которому я должен получить доступ, используя.default свойство. Документация Webpack немного упрощает импорт значений по умолчанию, и я могу понять, что это нечто, что обычно не используется.

Что является окончательным фактом в этом? ,так как работа между конфликтующими документами сбивает с толку. Я хотел бы решить эту проблему, используя подход MDN, поскольку в этом большом проекте мне будет проще выполнить рефакторинг для Webpack, и уже есть хорошая неделя или две, потраченные на обновление 500+ файлов доexport default подход.

Answer 1

Кажется, что класс загружался правильно, что было неверно в интерпретации Chrome (v72.0.3626.121) оператора import.

Использование старого доброго console.log(DeClass); дало мне правильный вывод Iожидал.

Так что в основном инспектор разработчика Chrome немного путается с чтением операторов импорта.Кроме того, я заметил, что проверка свойства MyModule.default заканчивается бесконечным циклом свойства .default (например, MyModule.default.default.default.default.default.... вы поняли).

Моя проблема оказалась в том, что когда мой классбыл реорганизован для экспорта, статическая функция отсутствовала, что вызвало ошибку.Только вводящий в заблуждение Chrome заставил меня поверить, что это была проблема import.