Laden der Ressource 404 fehlgeschlagen (nicht gefunden) - Dateispeicherortfehler?

Question

Jun 28, 2016, 06:05 PM

angular twitter-bootstrap javascript angularjs node.js

Laden der Ressource 404 fehlgeschlagen (nicht gefunden) - Dateispeicherortfehler?

Ich erstelle eine Angular 2-App, die ich gerade auf Net Core RC2 aktualisiert habe. Vor dem Upgrade wird auf meiner Webseite alles in Ordnung angezeigt, aber jetzt werden in meiner Chrome Dev Tools-Konsole Fehler angezeigt:

    Failed to load resource: the server responded with a status of 404 (Not Found): 
http://localhost:5000/lib/bootstrap/dist/js/bootstrap.min.js

    Failed to load resource: the server responded with a status of 404 (Not Found): 
http://localhost:5000/lib/bootstrap/dist/css/bootstrap/bootstrap.min.css

Ich habe Bootstrap in meiner package.json-Datei mit Version 3.3.6. Ich habe es mit einem @ installienpm install Befehl. Es wurde ordnungsgemäß in meinem Visual Studio-Projekt installiert. Die Dateien befinden sich unter:

project -> node_modules -> bootstrap -> dist -> js -> boostrap.min.js

un

project -> node_modules -> bootstrap -> dist -> css -> boostrap.min.css

Meine Gulpf-Datei hat diesen Abschnitt:

var config = {
libBase: 'node_modules',
lib: [
    require.resolve('bootstrap/dist/css/bootstrap.min.css'),
    require.resolve('bootstrap/dist/js/bootstrap.min.js'),
    path.dirname(require.resolve('bootstrap/dist/fonts/glyphicons-halflings-regular.woff')) + '/**',
    require.resolve('jquery/dist/jquery.min.js'),
    require.resolve('chart.js/dist/Chart.bundle.min.js')
]

};

Ich sehe auch einen Verweis auf bootstrap.min.js in einer _Layout.cshtml-Datei:

<!doctype html>
<html lang="">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Homepage WebDev</title>
    <base href="/" />

    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />

</head>
<body>
    @RenderBody()
    @RenderSection("scripts", required: false)
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="~/lib/chart.js/dist/Chart.bundle.min.js"></script>
</body>
</html>

Ich bin neu in der Webentwicklung, daher bin ich mir nicht ganz sicher, was passiert. Könnte mich jemand in die richtige Richtung weisen?