Failed to load resource: the server responded with a status of 404 (Not Found)

Question

I can't solve my link problem. Could you help on to this to link CSS and JS File?

CSS:

<link href="../Jquery/jquery.multiselect.css" rel="stylesheet"/> <link href="../Jquery/style.css" rel="stylesheet" /> <link href="../Jquery/prettify.css" rel="stylesheet" />

JS:

<script src="../Jquery/jquery.multiselect.js"></script> <script src="../Jquery/prettify.js"></script>

Error:

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/RetailSmart/jsp/Jquery/jquery.multiselect.css Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/RetailSmart/jsp/Jquery/style.css Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/RetailSmart/jsp/Jquery/prettify.css Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/RetailSmart/jsp/Jquery/jquery.multiselect.js Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/RetailSmart/jsp/Jquery/prettify.js

Refer this link Directory structure.

Then please accept his answer with the green checkbox by the voting arrows. — Nicholas Hazel
– Nicholas Hazel, Commented Mar 11, 2014 at 5:48
magento.stackexchange.com/questions/96032/… i refer you to check this issue here — Mohammad nasim
– Mohammad nasim, Commented Apr 5, 2016 at 21:24

m4n0 · Accepted Answer · 2021-08-12 03:28:52Z

99

Your files are not under the jsp folder that's why it is not found. You have to go back again 1 folder Try this:

<script src="../../Jquery/prettify.js"></script>

edited Aug 12, 2021 at 3:28

m4n0

32.6k28 gold badges81 silver badges98 bronze badges

answered Mar 11, 2014 at 5:43

Keensleeeeeeee

1,24611 silver badges11 bronze badges

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

4 Comments

Mehedi_Sharif Over a year ago

I was facing the same issue with a font. It works fine now . :)

anoynmous Over a year ago

I was getting an error - "Failed to load resource: the server responded with a status of 404 (NOT FOUND)". This solution worked for me.

Inês Barata Feio Borges Over a year ago

My path is correct but it still gives me this error: undefined:1 GET localhost/e-commerce/undefined 404 (Not Found)

shieldgenerator7 Over a year ago

my files were in a completely other folder lol, and this answer helped me realize that

Paul · Accepted Answer · 2015-11-05 22:59:05Z

Note the failing URL:

Failed ... http://localhost:8080/RetailSmart/jsp/Jquery/jquery.multiselect.css

Now examine one of your links:

<link href="../Jquery/jquery.multiselect.css" rel="stylesheet"/>

The "../" is shorthand for "The containing directory", or "Up one directory". This is a relative URL. At a guess, you have a file in /jsp/<somefolder>/ which contains the <link /> and <style /> elements.

I recommend using an absolute URL:

<link href="/RetailSmart/Jquery/jquery.multiselect.css" rel="stylesheet"/>

The reason for using an absolute url is that I'm guessing the links are contained in some common file. If you attempt to correct your relative pathing by adding a second "../", you may break any files contained in /jsp.

Prasad Joshi · Accepted Answer · 2016-07-29 07:09:01Z

If you have resource with woff extension and getting error then add following code in your web.config application will help to fix.

<system.webServer> <staticContent> <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> </staticContent> </system.webServer>

For Resources like JavaScript or CSS not found then provide the path of adding link or script in following way

<link ref="@(Url.Content("path of css"))" rel="stylesheet"> <script src="@(Url.Content("path of js"))" type="text/javascript"></script>

I'm using Asp.net I'v edited my web.config as mentioned, then I started getting error 500
Error status 500 is related to resource not found... please check which resources are you mission....

Ifesinachi Bryan · Accepted Answer · 2017-11-24 20:07:43Z

Add this to your Configuration file. Then put all your resources(eg. img,css,js etc) into the src > main > webapp > resources directory.

public class Config extends WebMvcConfigurerAdapter{ @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/resources/**").addResourceLocations("/resources/"); } }

After this, you can access your resources like this.

<link href="${pageContext.request.contextPath}/resources/assets/css/demo.css" rel="stylesheet" />

Swapnil G Thaware · Accepted Answer · 2019-02-11 10:46:44Z

If your URL is:

http://127.0.0.1:8080/binding/

Update the below property in the index.html

<base href="/binding/">

In short, you need to check the locations of the files.

Saeed Zhiany · Accepted Answer · 2022-07-23 03:32:32Z

If you are loading js from same folder just use forward slash

<script src="bundle.js"></script>

replace by

<script src="/bundle.js"></script>

Indranil · Accepted Answer · 2018-09-22 05:56:53Z

Add this below code(<handler>) on your web.config within <system.webServer>:

<system.webServer> <handlers> <remove name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" /> <remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" /> <remove name="ExtensionlessUrlHandler-Integrated-4.0" /> <add name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness32" responseBufferLimit="0" /> <add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness64" responseBufferLimit="0" /> <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" /> </handlers> </system.webServer>

Metin Atalay · Accepted Answer · 2018-10-31 06:18:04Z

1

I have added app.UseStaticFiles(); this code in my startup.cs than it is fixed

answered Oct 31, 2018 at 6:18

Metin Atalay

1,52520 silver badges30 bronze badges

Comments

Kipruto · Accepted Answer · 2020-06-20 12:57:03Z

I was having this exact issue and this was because I was returning images from a server into component that is 1 step down the path. This what I mean. See file arrangement

*projectfolder/phpfiles/component.php*

Now my images folder was located here projectfolder/images/

Now I fixed it by adding ../ so that it could skip 1 step backwards

Goodluck

Hameed Syed · Accepted Answer · 2016-08-29 06:55:55Z

Please note , you might need to disable adblocks if necessary. Drag and drop off script path in visual studio doesn't work if you are using HTML pages but it does work for mvc ,asp.netwebforms. I figured this after one hour

Abdullah · Accepted Answer · 2020-06-13 06:51:06Z

For me the error was the files under js folder not included in the project this solve my issue :

1- In the solution explorer toolbar click Show All Files.

2- open js folder and select all files under the folder

3- right click then select include In Project

4- Save and build your application then its working correct and load .css and .js files

Lin Du · Accepted Answer · 2021-08-12 02:42:27Z

0

Please install App Script for Ionic 3 Solution

npm i -D -E @ionic/app-scripts

edited Aug 12, 2021 at 2:42

Lin Du

104k138 gold badges340 silver badges575 bronze badges

answered Aug 27, 2018 at 5:28

Deep Adhia

3924 silver badges11 bronze badges

Comments

Sonu Chohan · Accepted Answer · 2023-07-13 13:09:17Z

0

// To fix this issue, please add the below changes to src/index.html For example : ( add project name or project root path ) <base href="/enter_project_folder_name/">

answered Jul 13, 2023 at 13:09

Sonu Chohan

3032 silver badges6 bronze badges

1 Comment

moken Over a year ago

Answer needs supporting information Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

philipp-robin · Accepted Answer · 2023-12-22 19:45:06Z

For me the Error was simply, that the font file name had whitespaces:
TT Interphases Pro Mono Trial Italic.tt
Change it to
TT_Interphases_Pro_Mono_Trial_Italic.ttf

Collectives™ on Stack Overflow

Failed to load resource: the server responded with a status of 404 (Not Found)

14 Answers 14

4 Comments

Comments

4 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

14 Answers 14

4 Comments

Comments

4 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Linked

Related