我的Bower文件未通过浏览器访问

时间:2016-07-11 13:49:51

标签: jquery css twitter-bootstrap bower

我浏览了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文件夹下面的字体很棒和bootstrap文件夹出了问题,因为这些文件夹中只有似乎不起作用的链接。

1 个答案:

答案 0 :(得分:0)

事实证明,因为我使用的是Windows,所以我无法在具有长名称的文件夹中嵌套长名称的文件夹,因为Windows不会遵循长路径目录。简单修复!谢谢大家的建议。