不提供名為“ 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 鏈接

github 鏈接

Answer 1

看來zxing-js/library有捆綁問題。

我可以通過運行npm run build ，然后npm run start來重現該錯誤。 似乎需要一些捆綁才能使它在瀏覽器中正常工作。 看到這篇文章以獲取更多信息

同時，您可以使用npm run start:dev ，並且可以按預期進行本地開發。

感謝@ open-wc團隊的@passle_對此提供了幫助。

Answer 2

除了jlengrands的答案外， npm start將啟動owc-dev-server ，該工作量很小。 它只會解決裸模塊。

您嘗試使用的QR代碼庫使用commonjs，它需要一點魔術才能轉換，以便瀏覽器可以理解該代碼。 webpack-dev-server可以為您做到這一點，您可以使用npm run start:dev來運行它。