three.jsでdaeファイルを読み込みたい

js勉強中で、3dオブジェクトをウェブ上に載せたいと考えています。
こちらの、
このコードを参考に
製作しているのですが、オブジェクトが出ません。読み込んでも真っ暗です。
原因を教えて頂きたいです、、、
daeファイルは、４８MBぐらいです、c4dで書き出しました。COLLADA1.4です。

html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4	<meta charset="UTF-8">
5	<link rel="stylesheet" href="css/style.css">
6	<script src="js/three.min.js"></script>
7	<script src="js/OrbitControls.js"></script>
8	<script src="js/ColladaLoader.js"></script>
9	<script src="js/index.js"></script>
10</head>
11<body>
12	<canvas id="myCanvas"></canvas>
13</body></html>

javascript
1window.addEventListener(`load`, init);
2
3function init()
4{
5  const width = 960;
6  const height = 540;
7
8  // レンダラーを作成
9  const renderer = new THREE.WebGLRenderer({
10    canvas: document.querySelector('#myCanvas')
11  });
12  renderer.setPixelRatio(window.devicePixelRatio);
13  renderer.setSize(width, height);
14
15  // シーンを作成
16  const scene = new THREE.Scene();
17
18  // カメラを作成
19  const camera = new THREE.PerspectiveCamera(
20    45,
21    width / height,
22    1,
23    10000
24  );
25  //カメラの初期座標
26  camera.position.set(0, 10, +10);
27
28  //カメラコントローラーを作成
29  const controls = new THREE.OrbitControls(camera);
30  controls.target.set(0, 3, 0);
31  controls.update();
32
33  // 平行光源
34  const light = new THREE.DirectionalLight(0xffffff);
35  light.intensity = 2; // 光の強さを倍に
36  light.position.set(1, 1, 1);
37  // シーンに追加
38  scene.add(light);
39  //環境光を追加
40  const ambientLight = new THREE.ambientLight(0x333333);
41  scene.add(ambientLight);
42
43  // 3DS形式のモデルデータを読み込む
44  const loader = new THREE.ColladaLoader();
45  // 3dsファイルのパスを指定
46  loader.load('obj/SDS.dae', (collada) =>
47  {
48    // 読み込み後に3D空間に追加
49    const model = collada.scene;
50    scene.add(model);
51  });
52
53
54  // 初回実行
55  tick();
56
57  function tick()
58  {
59    // レンダリング
60    renderer.render(scene, camera);
61    requestAnimationFrame(tick);
62  }
63}