无法加载资源 404（未找到） - 文件位置错误？
Posted
技术标签:
【中文标题】无法加载资源 404（未找到） - 文件位置错误？【英文标题】：Failed to load resource 404 (Not Found) - file location error? 【发布时间】：2016-10-31 01:44:33 【问题描述】：我正在构建一个刚刚升级到 Net Core RC2 的 Angular 2 应用程序。在升级之前，我的网页可以正常显示，但现在我的 Chrome 开发工具控制台出现错误：
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 项目中。文件位于：
project -> 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>
我是网络开发的新手，所以我不完全确定发生了什么。有人能指出我正确的方向吗？
【问题讨论】：
如果你把这些url放在地址栏中，你可以看到文件还是给你一个404？ 我没有收到任何错误，但我也没有看到文件（它们只是黑色网页）。当我导航到localhost:5000 时，我只会收到错误消息。但是，像我的 main.bundle.js 之类的其他文件确实会显示出来。 也许你可以看看这里：***.com/questions/17775944/…我希望这是一篇有用的文章/问题 似乎找不到位于“lib”文件夹中的所有文件。 这实际上是在我第一次加载地图时发生的。关于为什么会这样的任何想法。我的索引文件的“头”中包含引导程序，并且在结束 标记 之前的脚本标记中包含谷歌地图 【参考方案1】：看起来您提供的路径中没有任何引导文件。
href="~/lib/bootstrap/dist/css/bootstrap.min.css"
确保文件在那里存在，否则将文件指向正确的路径，这应该是你的情况
href="~/node_modules/bootstrap/dist/css/bootstrap.min.css"
【讨论】：
感谢您的回复。原来在我的 webpack.config.js 文件中有一个自定义命令，它运行一个脚本来自动生成“lib”文件夹。以上是关于无法加载资源 404（未找到） - 文件位置错误？的主要内容，如果未能解决你的问题，请参考以下文章
Apache Cordova：“加载资源失败：服务器响应状态为 404（未找到）”
为啥 Wordpress 无法加载资源？它表示服务器响应状态为 404（未找到）