# Error loading .fbx model

**URL:** <https://discourse.threejs.org/t/error-loading-fbx-model/38760>\
**Category:** Questions\
**Tags:** loaders\
**Created:** [June 1, 2022, 10:40pm UTC](https://discourse.threejs.org/t/error-loading-fbx-model/38760 "2022-06-01T22:40:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Malmaars](https://avatars.discourse-cdn.com/v4/letter/m/d9b06d/32.png) [@Malmaars](https://discourse.threejs.org/u/Malmaars)\
**Post date:** [June 1, 2022, 10:40pm UTC](https://discourse.threejs.org/t/error-loading-fbx-model/38760/1 "2022-06-01T22:40:37Z")

</div>

I want to load an .fbx model on my site via github pages. ([GitHub - Malmaars/threejs-doneright](https://github.com/Malmaars/threejs-doneright))(the problem is on /dist/js/Boat.js)  
I used [this tutorial]([How to deploy a Three.js project on GitHub? (Not using Webpack) - YouTube](https://www.youtube.com/watch?v=gpTjJk-pt6s) to get the basics.  
Now I can load .obj files without problems, but I want to use .fbx files to be able to use animations as well. When I try to do so I get this:  
 ![afbeelding](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/5/c/5c418d996625bd0a21147ccb5ca52325ad658dd3.png)  
This is the fbx code I tried (comparible with the code on the github)  
 ![afbeelding](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/4/14c6518a7544ca574123326af350c63fa2401111.png)  
and I import the fbxloader like this

 ![afbeelding](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/9/c/9ceb555a3ee6853b0efb5da8a3da60c96251cc38.png)

I tried it with other .fbx files, and these also don’t seem to work ☹

---

<div class="post-metadata">

**Author:** ![Malmaars](https://avatars.discourse-cdn.com/v4/letter/m/d9b06d/32.png) [@Malmaars](https://discourse.threejs.org/u/Malmaars)\
**Post date:** [June 2, 2022, 7:12am UTC](https://discourse.threejs.org/t/error-loading-fbx-model/38760/2 "2022-06-02T07:12:39Z")

</div>

I found that importing inflate.min.js from [https://unpkg.com/zlibjs@0.3.1/bin/inflate.min.js](https://unpkg.com/zlibjs@0.3.1/bin/inflate.min.js) works. Although the message importing that came up with other code of using the FBXLoader, it seems to work with the example I posted here.

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [June 2, 2022, 9:43am UTC](https://discourse.threejs.org/t/error-loading-fbx-model/38760/3 "2022-06-02T09:43:39Z")

</div>

If you upgrade `three.js` to the latest release and use the module version of `FBXLoader` (located in `examples/jsm/loaders`), you don’t have to worry about the loader’s dependencies. Libraries for unpacking archives are imported automatically.
