title: Three.js texture does not load
body: <p>I'm trying to make a model of planet Earth, but the texture doesn't load and I don't know why this happens, I tried to change the image format and also use it as an export link and it still doesn't work.</p>
  <p>my code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import * as THREE from 'https://cdn.skypack.dev/three@0.134.0'
  
  
  
  
  
  const scene = new THREE.Scene();
  const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
  const renderer = new THREE.WebGLRenderer(
  );
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);
  
  
  
  
  renderer.setSize(window.innerWidth, window.innerHeight); 
  document.body.appendChild(renderer.domElement);
  
  
  
  
  const sphere = new THREE.Mesh(
      new THREE.SphereGeometry(5, 50, 50), 
      new THREE.MeshBasicMaterial({
          map: new THREE.TextureLoader().load('.img/global.jpeg')
          })
          
      
      );
      
  
  
  
  scene.add(sphere);
  camera.position.z = 15;
  
  
  function animate() {
      requestAnimationFrame(animate);
      renderer.render(scene, camera);
  }
  animate();</code></pre>
  </div>
  </div>
  </p>