Ik kan mijn linkprobleem niet oplossen. Kun je hieraan helpen om CSS en JS-bestand te koppelen?
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>
Fout:
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
Raadpleeg deze link Directorystructuur.
Antwoord 1, autoriteit 100%
Uw bestanden bevinden zich niet in de jsp-map en worden daarom niet gevonden.
Je moet weer 1 map terug
Probeer dit:
<script src="../../Jquery/prettify.js"></script>
Antwoord 2, autoriteit 19%
Let op de falende URL:
Failed ... http://localhost:8080/RetailSmart/jsp/Jquery/jquery.multiselect.css
Bekijk nu een van uw links:
<link href="../Jquery/jquery.multiselect.css" rel="stylesheet"/>
De “../” is een afkorting voor “De bevattende map”, of “Een map omhoog”. Dit is een relatieve URL. Waarschijnlijk heb je een bestand in /jsp/<somefolder>/ dat de <link /> en <stijl /> elementen.
Ik raad aan om een absolute URL te gebruiken:
<link href="/RetailSmart/Jquery/jquery.multiselect.css" rel="stylesheet"/>
De reden voor het gebruik van een absolute url is dat ik vermoed dat de links in een algemeen bestand staan. Als u probeert uw relatieve pad te corrigeren door een tweede “../” toe te voegen, kunt u alle bestanden in /jsp breken.
Antwoord 3, autoriteit 10%
Als u een bron heeft met een woff-extensie en u krijgt een foutmelding, voeg dan de volgende code toe aan uw web.config-toepassing om dit op te lossen.
<system.webServer>
<staticContent>
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
</staticContent>
</system.webServer>
Voor bronnen zoals JavaScript of CSS niet gevonden, geef het pad op voor het toevoegen van een link of script op de volgende manier
<link ref="@(Url.Content("path of css"))" rel="stylesheet">
<script src="@(Url.Content("path of js"))" type="text/javascript"></script>
Antwoord 4, autoriteit 7%
Voeg dit toe aan uw configuratiebestand. Plaats vervolgens al uw bronnen (bijv. img,css,js enz.) In de map src> main> webapp> resources.
public class Config extends WebMvcConfigurerAdapter{
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/resources/**").addResourceLocations("/resources/");
}
}
Hierna heeft u op deze manier toegang tot uw bronnen.
<link href="${pageContext.request.contextPath}/resources/assets/css/demo.css" rel="stylesheet" />
Antwoord 5, autoriteit 5%
Als uw URL is:
http://127.0.0.1:8080/binding/
Update de onderstaande eigenschap in de index.html
<base href="/binding/">
Kortom, u moet de locaties van de bestanden controleren.
Antwoord 6, autoriteit 3%
Voeg deze onderstaande code(<handler>) toe aan uw web.config binnen <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>
Antwoord 7
Ik heb app.UseStaticFiles(); deze code toegevoegd aan mijn startup.cs dan is het opgelost
Antwoord 8
Houd er rekening mee dat u indien nodig advertentieblokkeringen moet uitschakelen.
Het slepen en neerzetten van het scriptpad in Visual Studio werkt niet als u HTML-pagina’s gebruikt, maar het werkt wel voor mvc, asp.netwebforms.
Ik bedacht dit na een uur
Antwoord 9
Installeer App Script voor Ionic 3-oplossing
npm i -D -E @ionic/app-scripts
Antwoord 10
Voor mij was de fout de bestanden onder de js-map die niet in het project waren opgenomen, dit lost mijn probleem op:
1- Klik in de werkbalk van de oplossingenverkenner op Alle bestanden weergeven.
2- open de js-map en selecteer alle bestanden onder de map
3- klik met de rechtermuisknop en selecteer opnemen in project
4- Bewaar en bouw uw toepassing, dan werkt het correct en laadt u .css- en .js-bestanden
Antwoord 11
Ik had precies dit probleem en dit kwam omdat ik afbeeldingen van een server terugstuurde naar een component die één stap verder is. Dit bedoel ik. Zie bestandsindeling
*projectfolder/phpfiles/component.php*
Mijn afbeeldingenmap bevond zich hier projectfolder/images/
Nu heb ik het opgelost door ../ toe te voegen, zodat het 1 stap achteruit kon overslaan
Veel succes