Question

我正在构建一个Angular 2应用程序，我刚刚升级到Net Core RC2。在升级之前，我的网页会显示正常，但现在我的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

我的package.json文件中包含3.3.6版本的bootstrap。我用 npm install 命令安装它。它在我的Visual Studio项目中正确安装。文件位于：

项目 - ＆gt; node_modules - ＆gt; bootstrap - ＆gt; dist - ＆gt; js - ＆gt; boostrap.min.js

和

项目 - ＆gt; node_modules - ＆gt; bootstrap - ＆gt; dist - ＆gt; css - ＆gt; 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>

我是网络开发的新手，所以我不完全确定发生了什么。有人能指出我正确的方向吗？

Answer 1

看起来您提供的路径中没有任何引导程序文件。

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

确保文件存在于那里，否则将文件指向正确的路径，这应该是你的情况

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

无法加载资源404（未找到） - 文件位置错误？

1 个答案: