Current CDN Example Not Working #81

darth-cheney · 2016-11-10T22:25:39Z

Hi. I'm trying to conduct a very simple test using just a single HTML file and by including the tesseract.js script using the CDN source in the documentation:

<script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>

My HTML file is simple:

<html>
    <head>
        <script src='https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js'></script>
        <title>Tesseract Test</title>
    </head>
    <body>
        <label for="fileInput">Choose File to OCR:</label>
        <input type="file" id="fileInput" name="fileInput"/>
        <br />
        <br />
        <div id="document-content">
        </div>
    </body>
    <script>
        document.addEventListener('DOMContentLoaded', function(){
            var fileInput = document.getElementById('fileInput');
            fileInput.addEventListener('change', handleInputChange);
        });

        function handleInputChange(event){
            var input = event.target;
            var file = input.files[0];
            console.log(file);
            Tesseract.recognize(file)
                .progress(function(message){
                    console.log(message);
                })
                .then(function(result){
                    var contentArea = document.getElementById('document-content');
                    console.log(result);
                })
                .catch(function(err){
                    console.error(err);
                });
        }
    </script>
</html>

But if I try to add an image, nothing happens in the console or anywhere else. This is also true if I clone the repository and instead load tesseract.js from the dist directory.

I see that the main (non-github) website for the project uses the CDN version 1.0.7, so I tried using that source instead. It came to life and started reporting back progress, but then threw the following error:

tesseract_example.html:27 Object {status: "loading tesseract core", progress: 0}
tesseract_example.html:27 Object {status: "loading tesseract core", progress: 1}
tesseract_example.html:27 Object {status: "initializing tesseract", progress: 0}
index.js:10 pre-main prep time: 65 ms
tesseract_example.html:27 Object {status: "initializing tesseract", progress: 1}
worker.js:11953 Uncaught DOMException: Failed to execute 'postMessage' on 'DedicatedWorkerGlobalScope': An object could not be cloned.(…)

(anonymous function)	@	worker.js:11953
respond	@	worker.js:12185
dispatchHandlers	@	worker.js:12205
(anonymous function)	@	worker.js:11952

Am I just doing this wrong somehow?

(Using Chrome 54 in OSX 10.11.)

The text was updated successfully, but these errors were encountered:

antimatter15 · 2016-11-13T20:52:50Z

I just tried running your exact code snippet and it worked for me. Have you tried clearing your browser cache?

darth-cheney · 2016-11-13T21:06:48Z

Clearing browser data seems to have improved things, but now I'm still getting the latter error I did when trying to use 1.0.7:

worker.js:8474 Uncaught DOMException: Failed to execute 'postMessage' on 'DedicatedWorkerGlobalScope': An object could not be cloned.(…)(anonymous function) @ worker.js:8474respond @ worker.js:8706dispatchHandlers @ worker.js:8726(anonymous function) @ worker.js:8473

Additionally, it would be good to understand just why clearing browser data made a difference at all

iwollmann · 2016-11-16T21:45:31Z

Appearantly this happens only when you trying access the page directly without a webserver.

MacroChip · 2016-12-05T19:08:01Z

I am accessing the page directly without a webserver and am having the same issue.
Chrome on Linux Mint
Version 55.0.2883.75 (64-bit)

Object {status: "initializing tesseract", progress: 1}
worker.js:11953 Uncaught DOMException: Failed to execute 'postMessage' on 'DedicatedWorkerGlobalScope': An object could not be cloned.

It works fine on Firefox for Linux Mint
50.0.2

iwollmann · 2016-12-05T19:15:56Z

Exactly @MacroChip, that's what i said, you need to access through a web server.

MacroChip · 2016-12-06T17:56:09Z

@iwollmann Is that really the solution for Chrome? It works fine in Firefox without a web server.

iwollmann · 2016-12-06T18:06:37Z

I really don't know, here I am using with chrome in this scenario... =(

Giusti · 2017-02-14T16:02:58Z

Hey I have exactly the same problem but I am getting another error.

XMLHttpRequest cannot load . Can't create DocumentThreadableLoader

And

cdn.rawgit.com/naptha/tesseract.js/8b915dc/dist/tesseract.worker.js:1 Uncaught DataCloneError: Failed to execute 'postMessage' on 'DedicatedWorkerGlobalScope': An object could not be cloned.

lgcagithub · 2017-02-15T01:18:59Z

Maybe you should try to request all the files from web server. For example, Apache, Tomcat.

a4027971 · 2017-08-03T04:26:37Z

I meet the same error by using local file.
Finally, the problem can be solved for me by using Chrome Extension Web Server for Chrome

TingHsi · 2018-02-06T14:19:18Z

worker.js:8475 Uncaught DOMException: Failed to execute 'postMessage' on 'DedicatedWorkerGlobalScope': Error: Uncaught ReferenceError: require is not defined could not be cloned.
at http://10.0.6.49/naptha/tesseract.js/1.0.9/dist/worker.js:8475:16
at Object.respond (http://10.0.6.49/naptha/tesseract.js/1.0.9/dist/worker.js:8707:9)
at Object.dispatchHandlers (http://10.0.6.49/naptha/tesseract.js/1.0.9/dist/worker.js:8729:17)
at http://10.0.6.49/naptha/tesseract.js/1.0.9/dist/worker.js:8474:17
(anonymous) @ worker.js:8475
respond @ worker.js:8707
dispatchHandlers @ worker.js:8729
(anonymous) @ worker.js:8474

My trouble is same to you, @darth-cheney .
Your program is OK now?

HuubSmit · 2018-10-23T08:13:07Z

Anyone found a solution? I still get this message, even when I put it on a webserver. Locally I cannot get this to work but with using a webserver (to circumenvent the Cross Origin errors in my app) to load the files gives me the error that Postmessage Object could not be cloned.

agardnerIT · 2018-10-25T19:27:53Z

I see the original error using Chrome Version 69.0.3497.100.
I see a DataCloneError: The object can not be cloned. on Safari Version 12.0 (14606.1.36.1.9) on OS Mojave 10.14.

Using a webserver (or extension) is not a solution to this issue since the official Tesseract.js page states: Tesseract.js can run either in a browser and on a server with NodeJS.

brendanwilding · 2018-11-30T02:50:11Z

This is so sad that it doesn't work in chrome. It works in FF.

jeromewu · 2019-06-01T00:47:16Z

Should be working with latest example. Feel free to reopen with more information. 😄

jeromewu closed this as completed Jun 1, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Current CDN Example Not Working #81

Current CDN Example Not Working #81

darth-cheney commented Nov 10, 2016 •

edited

antimatter15 commented Nov 13, 2016

darth-cheney commented Nov 13, 2016

iwollmann commented Nov 16, 2016

MacroChip commented Dec 5, 2016 •

edited

iwollmann commented Dec 5, 2016

MacroChip commented Dec 6, 2016

iwollmann commented Dec 6, 2016

Giusti commented Feb 14, 2017

lgcagithub commented Feb 15, 2017

a4027971 commented Aug 3, 2017 •

edited

TingHsi commented Feb 6, 2018

HuubSmit commented Oct 23, 2018 •

edited

agardnerIT commented Oct 25, 2018

brendanwilding commented Nov 30, 2018

jeromewu commented Jun 1, 2019

Current CDN Example Not Working #81

Current CDN Example Not Working #81

Comments

darth-cheney commented Nov 10, 2016 • edited

antimatter15 commented Nov 13, 2016

darth-cheney commented Nov 13, 2016

iwollmann commented Nov 16, 2016

MacroChip commented Dec 5, 2016 • edited

iwollmann commented Dec 5, 2016

MacroChip commented Dec 6, 2016

iwollmann commented Dec 6, 2016

Giusti commented Feb 14, 2017

lgcagithub commented Feb 15, 2017

a4027971 commented Aug 3, 2017 • edited

TingHsi commented Feb 6, 2018

HuubSmit commented Oct 23, 2018 • edited

agardnerIT commented Oct 25, 2018

brendanwilding commented Nov 30, 2018

jeromewu commented Jun 1, 2019

darth-cheney commented Nov 10, 2016 •

edited

MacroChip commented Dec 5, 2016 •

edited

a4027971 commented Aug 3, 2017 •

edited

HuubSmit commented Oct 23, 2018 •

edited