Webpack + import () прощеивает ошибки на верхнем уровне? ⇐ Javascript

[Anonymous]

Например. Если у меня есть файл "error.ts", который просто содержит: < /p>

Код: Выделить всё

throw new Error('error');
< /code>
Тогда "fn.ts" Импорт этого файла: < /p>
import './error';

export default function fn() {}

Если я хочу динамически импортировать "fn.ts" из переменной, содержащей имя файла, мне нужно использовать reding () или import () . Если я импортирую "fn.ts" с помощью require () , я получаю ошибку: ошибка как и ожидалось:

Код: Выделить всё

const { default: fn } = require(filename); // this line throws
fn();

Если я импортирую «fn.ts» с помощью import(), я получу:

Код: Выделить всё

Cannot read properties of undefined (reading 'default')

.

Код: Выделить всё

const { default: fn } = await import(filename); // no error
fn(); // this line throws
< /code>
Каковы возможные объяснения того, почему это происходит? Я использую последний WebPack 5.97.1. Моя конфигурация WebPack слишком сложна, чтобы поделиться здесь, но нет странных пользовательских плагинов и т. Д., Затронутые Import () 

.

Подробнее здесь: https://stackoverflow.com/questions/793 ... vel-errors