HTML File path not working

[Jack_Tauson_Sr]

I have the following 3 folders:

My index.html is located inside resources-->public folder as shown below:

From this index.html, I am trying to refer the jquery-3.3.1.js, which is located inside webapp-->scripts folder as shown below:

In index.html, I tried the following but it didn’t work:

<script src="../webapp/scripts/jquery-3.3.1.min.js"></script>

What am I doing wrong?

[PaulOB]

@Jack_Tauson_Sr

My index.html is located inside resources-->public

That’s two folders deep then you will need 2 steps back (i.e. ../../)

e.g.

<script src="../../webapp/scripts/jquery-3.3.1.min.js"></script>

[Jack_Tauson_Sr]

Thanks but for some reason, after making changes, it’s still not working :

Here is the screenshot of the changes I did :

However, when I uncomment this line and comment the HTML path line, it starts loading jQuery in the developer tools of Firefox :

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

[Mittineague]

When you go to “index.html” what is the full URL in the browsers address bar?

If “public” is the root you may need to pull in resources server-side or move resources under the root.

[Jack_Tauson_Sr]

@Mittineague

When you go to “index.html” what is the full URL in the browsers address bar?

The URL is : http://localhost:8080/MyProject/index.html

where, MyProject is the name of my project in the Eclipse.

Initially my index.html was in webapp folder only and everything was working fine but for some reason we have to move index.html to the public folder.

You mean to say, I should move all things inside public folder?

[PaulOB]

@Jack_Tauson_Sr

You mean to say, I should move all things inside public folder?

Yes.

The public folder is usually the root folder for your online presence.

[Jack_Tauson_Sr]

@PaulOB

Yes.

Ok. Which option would be good then:

1. Move whole webapp folder inside public folder without touching the index.html, i.e. Keep index.html inside public folder and just move the webapp folder and then make file path adjustments ?

2. Move the index.html also inside webapp folder and then keep this webapp folder inside public folder?

[PaulOB]

Usually at the simplest level the index.html sits inside the root folder (which is usually the public folder) and is then accessible by default. Then you would have your other folders lined up below.

e.g.

 Index.html
       folder1
       folder2

etc.

That’s how I usually do it for my own stuff but anything more complicated than that I leave to the experts

[Jack_Tauson_Sr]

Thanks.The following directory structure worked for me:

However when I tested it by moving webapp folder it didn’t work for some reason. I guess, I would stick with the working directory structure then.

[PaulOB]

@Jack_Tauson_Sr

I guess, I would stick with the working directory structure then.

Yes that looks about right

[Jack_Tauson_Sr]

Great. Thanks for answering my questions !