Falha ao carregar o recurso 404 (Não encontrado) - erro no local do arquivo?

Question

Jun 28, 2016, 06:05 PM

twitter-bootstrap javascript node.js angularjs angular

Falha ao carregar o recurso 404 (Não encontrado) - erro no local do arquivo?

Estou criando um aplicativo Angular 2 que acabei de atualizar para o Net Core RC2. Antes da atualização, minha página da Web seria exibida muito bem, mas agora estou recebendo erros no console do Chrome Dev Tools:

    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

Eu tenho bootstrap no meu arquivo package.json com a versão 3.3.6. Eu instalei com uminstalação npm comando. Ele foi instalado corretamente no meu projeto do Visual Studio. Os arquivos estão localizados em:

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

e

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

Meu gulpfile possui esta seção:

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

};

Também estou vendo uma referência ao bootstrap.min.js em um arquivo _Layout.cshtml:

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

Eu sou novo no desenvolvimento web, então não tenho certeza do que está acontecendo. Alguém poderia me apontar na direção certa?