Uncaught ReferenceError: webgazer is not defined

[dabingch]

I got an error while I was integrating webgazer in my Vue 2 project.

Uncaught ReferenceError: webgazer is not defined

And it was caused at line 42 in util.mjs

I got this error every time in console after I started the webgazer

Is there any hint to fix it?

WebGazer/src/util.mjs

Lines 28 to 51 in 9cc7b97

	/**
	* Compute eyes size as gray histogram
	* @param {Object} eyes - The eyes where looking for gray histogram
	* @returns {Array.<T>} The eyes gray level histogram
	*/
	util.getEyeFeats = function(eyes) {
	let process = (eye) => {
	let resized = this.resizeEye(eye, resizeWidth, resizeHeight);
	let gray = this.grayscale(resized.data, resized.width, resized.height);
	let hist = [];
	this.equalizeHistogram(gray, 5, hist);
	return hist;
	};
	if (webgazer.params.trackEye == 'left') {
	return process(eyes.left);
	}
	else if (webgazer.params.trackEye == 'right') {
	return process(eyes.right);
	}
	else {
	return [].concat(process(eyes.left), process(eyes.right));
	}
	}

[anurag-wecp]

Hey @dabingch were you able to fix this?

[jeffhuang]

sorry this breaks the way we use webpack right now. npm run build fails

reverting the commit for now

[Grapelllar]

I found a solution to this issue. The problem occurs because WebGazer internally relies on a global webgazer object, but when using ES modules, this global reference isn't created automatically.

The simplest fix is to manually assign the webgazer instance to the window object:

import webgazer from 'webgazer';
window.webgazer = webgazer; // add this line