【发布时间】：2016-07-11 13:49:51
【问题描述】：
我通过 cmd 安装了 Bootstrap、jQuery 和 Font-Awesome，所有这些都保存在我电脑上的 bower_components 文件中。我认为的问题是，当我第一次保存这些文件时，它们位于不同的文件夹中，因为我正在构建的网页的所有文件都没有合并。所以我删除了我的 bower_components 文件并将所有内容重新下载到一个文件夹中，而我的所有其他相关文件和文件夹都保存在一个无所不包的文件夹下。但是，当我在 Chrome 中打开 index.html 文件时，我收到错误“Failed to load resource: net::ERR_FILE_NOT_FOUND”，即使当我进入 Visual Studio Code 并按 Ctrl 并单击时，它也会直接将我带到文件的存储位置。
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="bower_components/bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet">
<link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">
我查看的示例代码都具有完全相同的链接文本，因此这一定是我如何将文件保存在计算机上的问题。我不确定如何解决这个问题。
编辑：我进入并在每个在 Chrome 中找不到问题的文件夹中创建了虚拟文档，并确保每个链接实际上都遵循通过 Visual Studio Code 指向该 html 文件的路径。然后，我制作了一个带有每个页面链接的 html 文档。唯一有效的页面是 jQuery 页面，所以我认为我的 bower_components 文件夹下的 font-awesome 和 bootstrap 文件夹有问题，因为唯一似乎不起作用的链接在这些文件夹中。
【问题讨论】：
-
您可能没有提供静态资产。如果您使用的是 chrome，请转到您的检查器，单击“来源”。如果您在左侧边栏中没有看到您的凉亭组件，则说明它们没有被提供。
-
我建议在 IE 等不同的浏览器上尝试它作为第一次尝试。有时 Chrome 会保存源文件，但不会更新！
-
一般
bower_components用于创建您的自定义构建。您从这些组件中选择您需要的内容并将它们（自动）复制到您的前端目录。 Visual Studio 2015 具有“内置”任务运行器来执行此操作。请随时查看this solution 和/或查看 IDE 的说明。 -
@ceckenrode 是的，他们没有出现在开发人员的工具部分，但是我在 html 底部的两个 jquery 链接可以工作，这很奇怪。我认为 bower_components 中的 bootstrap 文件夹一定有问题，但 jquery 文件夹没有问题。
-
@GHKarim 它不适用于 Firefox 或 IE。
标签： jquery css twitter-bootstrap bower