不提供名为“BrowserQRCodeReader”的导出

Question

我正在使用zxing-js /库来进行二维码读取。我面临一个奇怪的问题。 qr扫描的代码适用于stackblitz在线示例代码，但不适用于我的本地环境。我在运行时在本地环境中收到此错误。编译成功完成。

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

stackblitz link

github link

Answer 1

好像zxing-js/library有捆绑问题。

我可以通过运行npm run build，然后运行npm run start来重现错误。看起来您需要一些捆绑才能在浏览器中使用它。有关更多信息，请参阅this post

在此期间，您可以使用npm run start:dev，您将能够按预期进行本地开发。

感谢来自@ open-wc团队的@passle_帮助解决这个问题。

Answer 2

除了jlengrands的答案，npm start将启动owc-dev-server，它做的工作量很小;它只会解析裸模块。

您尝试使用的QR代码库使用commonjs，它需要一些魔法才能被转换，因此浏览器可以理解该代码。 webpack-dev-server可以为您执行此操作，您可以使用npm run start:dev运行该服务器。