404 Error (File not found) for three.module.js

Question

This maybe a skool boi error, but I'm getting a 404 for a file that does exist:

http://localhost:8000/Desktop/Skeletor/js/build/three.module.js net::ERR_ABORTED 404 (File not found)

it should say

http://localhost:8000/Desktop/Skeletor/MYPROJECT/js/build/three.module.js

So I'm running a directory short and I can't see why or where I'm going wrong. Yes, I changed from

../build/three.module.js

to

./build/three.module.js

intentionally.

Here's the js in the index.html copied from the three.js webgl loader example

<script type="module">

import * as THREE from './build/three.module.js';

import { OrbitControls } from './jsm/controls/OrbitControls.js';
import { GLTFLoader } from './jsm/loaders/GLTFLoader.js';

The directory structure is this:

MyProject/
    index.html
    .DS_Store
    styles.css
    obj/
        dime_low.glb
    textures/
        00.jpg
    build/
        three.module.js
        .DS_Store
    jsm/
        .DS_Store
        controls/
            .DS_Store
            OrbitControls.js
        loaders/
            .DS_Store
            RGBELoader.js
            GLTFLoader.js

Everything is running locally using a simple HTTP server via Python

Go easy on me, I'm meant to be doing colouring-in today not learning three.js :)

Can you please share your directory structure? It's important to know where your HTML file is located and the respective JS files. — Mugen87
– Mugen87, Commented Jan 21, 2020 at 14:38
It seems you missed jsm before build so it should be import * as THREE from './jsm/build/three.module.js'; — Zydnar
– Zydnar, Commented Jan 21, 2020 at 16:21
@Zydnar In the official repository, the build files are not located in the jsm directory. — Mugen87
– Mugen87, Commented Jan 21, 2020 at 20:19
What are you using to serve your files in localhost? It might be an issue with the config file, maybe pointing one folder too high. — M -
– M -, Commented Jan 21, 2020 at 20:19

Tejas Katakdhond · Accepted Answer · 2020-04-17 15:11:40Z

1

the build folder must be one folder outside, jsm and build must not be in same directory, try this

answered Apr 17, 2020 at 15:11

Tejas Katakdhond

3113 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

404 Error (File not found) for three.module.js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related