why the axesHelper function doesn’t show the axis on the screen?

I have some problem with my code. I’m using three.js and trying to initialize the components. Objects that are initialized do not display on the screen like axis, cube. Please indicate where the error may be.

function gameInit(axlesHelper) {
  (axlesHelper) ? gameComponent.setAxlesHelper() : null ;
  gameComponent.setAambientLight();
  gameComponent.setDirectionalLight();
  gameComponent.setCameraPosition();
  gameComponent.renderer();
}

var gameComponent = {
  scene : new THREE.Scene(),
  axesHelper : new THREE.AxesHelper( 10 ),
  ambientLight : new THREE.AmbientLight(0xffffff, 0,6),
  directionalLight : new THREE.DirectionalLight(0xffffff, 1),
  aspect : window.innerWidth / window.innerHeight,
  width : 10,
  height : this.width / this.aspect,
  camera : new THREE.OrthographicCamera(
    this.width * -2, // left
    this.width * 2, // right
    this.height * 2, // top
    this.height * -2, // bottom
    0, // near plane
    10000 // far plane
  ),
  render : new THREE.WebGLRenderer({antialias : true}),
  
  setAxlesHelper : function() {
    console.log('wywołano axlesHelper');
    this.scene.add( this.axesHelper );
  },
  .
  .
  .
  renderer : function(){
    console.log('wywołano renderer');
    this.render.setSize(window.innerWidth, window.innerHeight);
    this.render.render(this.scene, this.camera);
    document.body.appendChild(this.render.domElement);
  },
  rendererUpdate : function(){
    console.log('wywołano renderer update');
    this.render.render(this.scene, this.camera);
  }

}
gameInit(true);