# \[Solved\] QR Code scanning doesnt work when I published the web app

**URL:** <https://community.thunkable.com/t/solved-qr-code-scanning-doesnt-work-when-i-published-the-web-app/2740216>\
**Category:** Issues / Bugs\
**Created:** [December 5, 2023, 6:34pm UTC](https://community.thunkable.com/t/solved-qr-code-scanning-doesnt-work-when-i-published-the-web-app/2740216 "2023-12-05T18:34:16Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![hslu](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hslu](https://community.thunkable.com/u/hslu)\
**Post date:** [December 5, 2023, 6:34pm UTC](https://community.thunkable.com/t/solved-qr-code-scanning-doesnt-work-when-i-published-the-web-app/2740216/1 "2023-12-05T18:34:16Z")

</div>

Hi guys

I just created an app where the user should be able to scan an QR Code.  
When I tested it with the thunkable live app everythings works fine.  
But when I published the app and tried to use it, it fails everytime.  
I also tried it with the example project that thunkable provided and even there it showed “null” when I clicked the button to scan the QR Code. Or lets say it doesnt even open the camera and directly showed me null as an result.

[https://x.thunkable.com/projectPage/65316fd3f5f2ffa55473cc9a](https://x.thunkable.com/projectPage/65316fd3f5f2ffa55473cc9a)

Does some has the same issue or know how I could solve it?

Here are the blocks from my app.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/2/62c42dd118469c9fee8631cc0a54f9144c44c8b4.png)

Thanks for your support guys.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 5, 2023, 7:17pm UTC](https://community.thunkable.com/t/solved-qr-code-scanning-doesnt-work-when-i-published-the-web-app/2740216/2 "2023-12-05T19:17:29Z")

</div>

You can click on the barcode block and choose Show Advanced Block. Then you can display the green blocks’ values in labels and re-publish the app so you have some information when troubleshooting this.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/d/1da965276d3ce53f901ea4cab2c48c580488d3c8.png)

---

<div class="post-metadata">

**Author:** ![hslu](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hslu](https://community.thunkable.com/u/hslu)\
**Post date:** [December 6, 2023, 8:53am UTC](https://community.thunkable.com/t/solved-qr-code-scanning-doesnt-work-when-i-published-the-web-app/2740216/3 "2023-12-06T08:53:27Z")

</div>

Hi tatiang

Thank you for the advise. I did as you say and the error message that I  
receive is “The Barcode-Scanner only works on Andriod and iOS now”.

I published my app as a web app and tried it on my android phone.  
Is this maybe the problem that I published it as a web app and not as a native app?

Thanks for your support.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [December 6, 2023, 2:03pm UTC](https://community.thunkable.com/t/solved-qr-code-scanning-doesnt-work-when-i-published-the-web-app/2740216/4 "2023-12-06T14:03:43Z")

</div>

Hello @hslu 👋  
As it is mentioned in our docs here: [Publish as a Web App - Thunkable Docs](https://docs.thunkable.com/publishing-apps/publish-as-a-web-app-pro#unsupported-components)

Barcode Scanner is not supported on the web, this means that to test it you have to download the app on your device or test it through the Thunkable Live App.

---

<div class="post-metadata">

**Author:** ![hslu](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hslu](https://community.thunkable.com/u/hslu)\
**Post date:** [December 6, 2023, 6:42pm UTC](https://community.thunkable.com/t/solved-qr-code-scanning-doesnt-work-when-i-published-the-web-app/2740216/5 "2023-12-06T18:42:50Z")

</div>

Thank you, that worked for me.

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [December 6, 2023, 6:52pm UTC](https://community.thunkable.com/t/solved-qr-code-scanning-doesnt-work-when-i-published-the-web-app/2740216/6 "2023-12-06T18:52:41Z")

</div>


