没有提供名为“ BrowserQRCodeReader”的导出

时间:2019-02-24 07:05:11

标签: javascript qr-code zxing lit-element lit-html

我正在使用zxing-js / library库进行QR码读取。我面临一个奇怪的问题。 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

2 个答案:

答案 0 :(得分:1)

zxing-js/library似乎存在捆绑问题。

我可以通过运行npm run build,然后运行npm run start来重现错误。 似乎需要一些捆绑才能使它在浏览器中正常工作。有关更多信息,请参见this post

在此期间,您可以使用npm run start:dev,并且可以按预期进行本地开发。

感谢@ open-wc团队的@passle_对此提供帮助。

答案 1 :(得分:0)

除了jlengrands回答外,npm start将启动owc-dev-server,该工作量最少。它只会解决裸模块。

您要使用的QR代码库使用commonjs,它需要一点魔术才能转换,以便浏览器可以理解该代码。 webpack-dev-server可以为您做到这一点,您可以使用npm run start:dev运行它。