Не предоставляет экспорт с именем 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'

ссылка на стек

ссылка на github

Answer 1

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

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

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

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

Answer 2

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

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