title: Three.JS throws error warning in console when calling camera.lookAt()
body: <p>I have tried to solve it for 5 hours now. No luck.</p>
  
  <p>I use a <code>fly control</code> for my scene.</p>
  
  <p>I trying to make my camera look at an object after the object has been added to the scene as following:</p>
  
  <pre><code>var mat = new THREE.MeshStandardMaterial( { color: 0xffffff, morphTargets: true, vertexColors: THREE.FaceColors, shading: THREE.FlatShading } );
  var obj = new THREE.Mesh(new THREE.BoxGeometry( 0.6, 1.8, 0.6 ), mat );
  obj.name = &lt;some id&gt;;
  obj.castShadow = true;
  
  obj.position.x = p.posX;
  obj.position.y = p.posY;
  obj.position.z = p.posZ;
  
  obj.rotation.x = p.rotX;
  obj.rotation.y = p.rotY;
  obj.rotation.z = p.rotZ;
  
  scene.add( obj );
  
  //NOTE 1            
  camera.position.set(obj.position.x-10, obj.position.y+10, obj.position.z-10);
  
  var pos = obj.position.clone();
  
  //NOTE 2                
  camera.lookAt(pos); //with this line, a warning is shown in the console
  </code></pre>
  
  <p>The error that is shown is as following:</p>
  
  <blockquote>
    <p>THREE.WebGLProgram: gl.getProgramInfoLog() WARNING: Could not find
    vertex shader attribute 'position' to match BindAttributeLocation
    request.</p>
  </blockquote>
  
  <p>What is going on?</p>
  
  <p><strong>BONUS PROBLEM</strong></p>
  
  <p>Even if the position is changed at <code>NOTE 1</code> and the object is looked at at <code>NOTE 2</code>, when I start flying the scene turns black.</p>
  
  <p>I have tried with an <code>orbitcontrol</code> as well and I get the same results.</p>