不提供名为“BrowserQRCodeReader”的导出

Question

我正在使用zxing-js/library库来读取二维码。我正面临着一个奇怪的问题。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，并且您将能够按照预期进行本地开发。

感谢@ @passle_ -wc团队在这方面的帮助。

Answer 2

除了jlengrands之外，npm start还会启动owc-dev-server，它只做最少的工作；它只会解析空的模块。

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