我通过cmd并安装了Bootstrap,jQuery和Font-Awesome,所有这些都保存在计算机上的bower_components文件中。我认为的问题是,当我第一次保存这些文件时,它们存储在不同的文件夹中,因为我正在构建的网页的所有文件都没有合并。因此,我删除了bower_components文件,并将所有内容重新下载到一个文件夹中,所有其他相关文件和文件夹都保存在一个无所不包的文件夹下。但是,当我在Chrome中打开index.html文件时,即使进入Visual Studio Code并按Ctrl键并单击,也会出现错误“ Failed to load resource: net::ERR_FILE_NOT_FOUND
”,它直接将我带到该文件的存储位置。
<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文件夹出了问题,因为似乎无效的唯一链接在这些文件夹中。
最佳答案
事实证明,由于我使用Windows,因此无法将长名称的文件夹嵌套在长名称的文件夹中,因为Windows不会遵循长路径目录。简单修复!感谢大家的建议。
关于jquery - 无法通过浏览器访问我的Bower文件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38308668/