CODEWITHSUNDEEP
javascriptgoogle-chromeweb-worker
netdigger
netdigger

Reputation: 3789

Uncaught ReferenceError: importScripts is not defined

Why do I keep getting this error?

I should be able to use this global function right?

http://www.html5rocks.com/en/tutorials/workers/basics/

I'm using chrome.

I'm using https://code.google.com/p/bitjs/ and it begins with 

importScripts('io.js');
importScripts('archive.js');

Upvotes: 50

Views: 101619

Answers (5)

ncs ncs
ncs ncs

Reputation: 61

Thanks for the giving the solution to avoid error. I am new so unable to vote but writing it, I just replace my line importScripts('Myworkerscript.js'); to

 if( 'undefined' === typeof window){
   importScripts('Myworkerscript.js');
}

and a magic is happend and error were gone.

Upvotes: 4

Sai Teja T
Sai Teja T

Reputation: 370

If it is the linting issue you're facing, you can add the following comment in the file containing importScripts

/* eslint-disable no-undef */

Upvotes: 2

gm2008
gm2008

Reputation: 4325

I encountered this error as well. In my case, it is because I am testing the code using Karma/Jasmine. Due to the test framework, the worker.js file is loaded by main thread as well.

I avoided this error by wrappig the worker.js file with:

    if( 'undefined' === typeof window){
       importScripts('workerscript2.js');
    ...
    }

Please refer to the comment below by Rob, which offers an alternative solution.

Upvotes: 16

SJ Anderson
SJ Anderson

Reputation: 561

When you create a worker it is actually executed twice. The first pass is in the context of the global 'window' object(meaning you have access to all the window object functions). The second call through is in the context of the worker which has a different global object, one where 'importScripts' exists.

// proper initialization
if( 'function' === typeof importScripts) {
   importScripts('script2.js');
   addEventListener('message', onMessage);

   function onMessage(e) { 
     // do some work here 
   }    
}

Notice the addEventListener is inside the if statement. If you place it outside of it, your callback will be registered twice. Once on the 'window' global and once on the worker's global.

Happy coding!

Upvotes: 54

Bergi
Bergi

Reputation: 664247

This code needs to be inside a worker script. The worker itself is created via a new Worker object - see Getting Started in the tutorial.

The code you've linked is inside the worker created here.

Upvotes: 23

Related Questions