web-dev-qa-db-ja.com

リソース404の読み込みに失敗しました（見つかりません）-ファイルの場所のエラー？

Net CoreRC2にアップグレードしたばかりのAngular 2アプリを作成しています。アップグレード前は、私のWebページは問題なく表示されていましたが、Chrome DevToolsコンソールでエラーが発生します。

    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

パッケージ.jsonファイルにバージョン3.3.6のbootstrapがあります。 npm installコマンドでインストールしました。 VisualStudioプロジェクトに正しくインストールされました。ファイルは次の場所にあります。

プロジェクト-> node_modules-> bootstrap-> dist-> js-> boostrap.min.js

そして

プロジェクト-> node_modules-> bootstrap-> dist-> css-> boostrap.min.css

私のgulpfileにはこのセクションがあります：

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')
]

};

_Layout.cshtmlファイルにbootstrap.min.jsへの参照も表示されます。

<!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>

私はWeb開発に慣れていないので、何が起こっているのか完全にはわかりません。誰かが私を正しい方向に向けることができますか？

javascriptangularjsnode.jstwitter-bootstrapangular
1
Roka545

指定したパスにbootstrapファイルが含まれていないようです。

href="~/lib/bootstrap/dist/css/bootstrap.min.css"

ファイルがそこに存在することを確認してください。そうでない場合は、ファイルが正しいパスを指している必要があります。

href="~/node_modules/bootstrap/dist/css/bootstrap.min.css"
3
Abhishek