WebGLRenderer render method throw error

[Bobby]

This is my setup:

var win_width  = window.innerWidth;var win_height = window.innerHeight;var stage = new PIXI.Stage(0xFFFFFF);var renderer = new PIXI.WebGLRenderer( win_width, win_height, {  transparent: true});document.body.insertBefore( renderer.view, document.body.firstChild );var game = requestAnimationFrame( updateGame );var rect = new PIXI.Graphics();rect.beginFill(0x336699);rect.drawRect(0, 0, 400, 400);stage.addChild( rect );function updateGame() {  // My simple game logic    renderer.render( stage );  game = requestAnimationFrame( updateGame );}

And when I open in a browser I got this error message

Uncaught TypeError: Cannot read property 'length' of null

Tried to change it to autoDetectRenderer and still producing same error but, If I change the renderer to CanvasRenderer, everything work normally. What do I miss?

 

Additional info:

• Using PIXI v2.2.8
• Tested in Google Chrome 41, OS X Yosemite

[Sebi]

Not sure what's causing the issue but maybe it is because you didn't use rect.endFill();

[Bobby]

I end up using PIXI v3 and no more error I mentioned above.