three.jsを使って図形にテクスチャを貼りたいのですが、THREE.TextureLoader is not a constructorといったエラーが出てしまいます

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

THREE.TextureLoader is not a constructor

該当のソースコード

js
1window.addEventListener("load", function () {
2
3  // canvas
4  let canvas = document.getElementById("canvas");
5
6  let sizes = {
7    width: window.innerWidth,
8    height: window.innerHeight
9  }
10
11  // renderer
12  let renderer = new THREE.WebGLRenderer({
13    canvas: canvas,
14    alpha: true
15  });
16  renderer.setSize(sizes.width, sizes.height);
17
18  // scene
19  let scene = new THREE.Scene();
20
21  // geometory
22  let geometory = new THREE.SphereGeometry(.5, 64, 64);
23
24  // load
25  let loader = new THREE.TextureLoader();
26
27  //material
28  let material = new THREE.MeshLambertMaterial({
29    map: loader.load('NormalMap(1).png'),
30  });
31
32
33
34
35  // mesh
36  let sphere = new THREE.Mesh(geometory, material);
37  scene.add(sphere);
38
39  // lights
40  let pointLight = new THREE.PointLight(0xffffff, 0.1);
41  pointLight.position.x = 2;
42  pointLight.position.y = 3;
43  pointLight.position.z = 4;
44  scene.add(pointLight);
45
46  // camera
47  let camera = new THREE.PerspectiveCamera(75, sizes.width / sizes.height, 0.1, 100);
48  camera.position.x = 0;
49  camera.position.y = 0;
50  camera.position.z = 2;
51  scene.add(camera);
52
53  setInterval(function () {
54    sphere.rotation.y += 0.005;
55    renderer.render(scene, camera);
56
57  }, 10);
58
59  renderer.render(scene, camera);
60});
61
62
63