backgroundGradient Error

app.js

//Setup our app namespace
var my={};
//Bring in our helpers
my.helpers=require('helpers');
//Bring in our custom UI elements
my.uiHelpers=require('ui_helper');
//Bring in our fake modules
my.mod=require('some_mod');
//Let's get a window
my.win=my.mod.fetchWindow();
//Open the window
my.win.open();

helpers.js

exports.makeWindow=function(a){
	a = a || {};
	var win = Ti.UI.createWindow(a);
	win.orientationModes = [
		Ti.UI.PORTRAIT,
		Ti.UI.UPSIDE_PORTRAIT
	];
	return win;	
};

some_mod.js

exports.fetchWindow=function(){
	//We make a window
	var win = my.helpers.makeWindow();
	//We use a UI helper to get a Yellow view
	//In the read world this would be a custom control
	win.add(my.uiHelpers.uglyVw())
	//return the window
	return win;
};

ui_helper.js

exports.uglyVw=function(){
	var uglyView = Ti.UI.createView({
		top:10,
		height:150,
		  backgroundGradient:{
					type:'radial',
					colors:[{color:'yellow',position:0},{color:'white',position:1}]
				} 
	});

	//Show the error, not ment to be a good example of coding
	uglyView.addEventListener('click', function(e) {
     	Ti.API.info('This would call an inner function or osmething');
    });
	    	
	return uglyView;
};