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

我正在构建一个我刚刚升级到Net Core RC2的Angular 2应用程序。在升级之前，我的网页将显示就好了，但现在我在我的Chrome浏览器开发工具控制台收到错误：无法加载资源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

我在我的package.json文件引导与3.3.6版本。我安装了一个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开发，所以我不能完全肯定发生了什么。有人能指出我正确的方向吗？

来源

2016-06-28 Roka545

如果你把这些URL地址栏，可以看到文件或给你一个404？ – Jer

我没有得到任何错误，但我也没有看到这些文件（他们只是黑色的网页）。当我导航到http：// localhost：5000时，我只会遇到错误。其他文件，如我的main.bundle.js确实显示出来。 – Roka545

也许你可以看看这里：http://stackoverflow.com/questions/17775944/node-js-keep-getting-failed-to-load-resource-error-message我希望这是一个有用的文章/问题 – Jer

看起来你所给的路径中没有任何引导文件。

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

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

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

来源

2016-06-28 16:22:25 Abhishek

感谢您的回复。原来我的webpack.config.js文件中有一个自定义命令，它运行脚本来自动生成'lib'文件夹。 – Roka545

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

回答

相关问题