не предоставляет экспорт с именем BrowserQRCodeReader

Question

Я использую библиотеку zxing-js / library для чтения кода qr.Я сталкиваюсь со странной проблемой.Код для сканирования qr работает в онлайн-коде стекаблица, но не в моей локальной среде.Я получаю эту ошибку в локальной среде во время выполнения.Компиляция продолжается успешно.

Uncaught SyntaxError: The requested module '/node_modules/@zxing/library/esm5/index.js' does not provide an export named 'BrowserQRCodeReader'

stackblitz ссылка

github ссылка

Answer 1

В дополнение к ответу jlengrands, npm start запустит owc-dev-server, который выполняет минимальный объем работы;он разрешит только пустые модули.

Библиотека QR-кодов, которую вы пытаетесь использовать, использует commonjs, для ее преобразования потребуется немного магии, чтобы браузер мог понять этот код.Webpack-dev-server может сделать это за вас, который вы можете запустить с npm run start:dev.

Answer 2

Кажется, что zxing-js/library имеет проблемы с комплектацией.

Я могу воспроизвести ошибку, запустив npm run build, а затем npm run start.Похоже, вам понадобится пакетирование, чтобы это работало в браузере.См. этот пост для получения дополнительной информации

Тем временем вы можете использовать npm run start:dev, и вы сможете выполнять локальную разработку, как и ожидалось.

Спасибо @ passle_ от команды @ open-wc за помощь в этом.