我正在使用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
答案 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
运行它。