Implementing OCR using tesseract.js on a real device

I want to implement OCR and i am using tesseract.js. The code works fine when testing on the browser however when i run it on my android device, it shows blank page. Any idea will be of great help.
Here is my code:

import * as Tesseract from ‘tesseract.js’;

.progress((progress) => {
.then((tesseractResult) => {
this.recognizedText = tesseractResult.text;
console.log(“this is the data we collected from image”);

For me, inside real device it is showing blank page but in web with local images it is showing that icon