2016-06-28 6 views
0

私はちょうどNet Core RC2にアップグレードしたAngular 2アプリを構築しています。アップグレード前に、私のWebページがうまく表示していましたが、今私は私のクロム開発ツールのコンソールにエラーが発生します:私はバージョン3.3.6で、私のpackage.jsonファイルでブートストラップしているリソース404(見つかりません) - ファイルの場所のエラーを読み込めませんでしたか?

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 

npm installコマンドでインストールしました。私のVisual Studioプロジェクトに正しくインストールされています。ファイルは次の場所にあります。

プロジェクト - > node_modules - >ブートストラップ - > distの - > JS - > boostrap.min.js

プロジェクト - > node_modules - >ブートストラップ - > 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開発に新たなんだので、私は何が起こっているか完全にわかりません。誰かが私を正しい方向に向けることができますか?

+0

あなたのケースであるべき正しいパスにファイルを指して、他にあそこに存在していることを確認しますファイルを取得するか、404を与えますか? – Jer

+0

私はエラーは発生しませんが、ファイルは表示されません(どちらも黒いウェブページです)。 http:// localhost:5000に移動するとエラーになるだけです。しかし、私のmain.bundle.jsのような他のファイルも表示されます。 – Roka545

+1

多分あなたはここで見てみることができます:http://stackoverflow.com/questions/17775944/node-js-keep-getting-failed-to-load-resource-error-message私はこれが有益な記事/質問 – Jer

答えて

3

あなたが与えたパスには、ブートストラップファイルが含まれていないようです。

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

ファイルを使用すると、アドレスバーに次のURLを入れた場合、あなたが見ることができる

href="~/node_modules/bootstrap/dist/css/bootstrap.min.css" 
+1

返事をありがとう。私のwebpack.config.jsファイルには、 'lib'フォルダを自動生成するスクリプトを実行するカスタムコマンドがあります。 – Roka545

関連する問題