2016-07-11 47 views
0

我通过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”,它直接将我带到存储文件的位置。我的Bower文件没有通过我的浏览器访问

<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代码实际遵循该html文件的路径。然后我制作了一个链接到每个页面的html文档。唯一工作的页面是jQuery页面,所以我认为bower_components文件夹下的font-awesome和bootstrap文件夹有问题,因为似乎不工作的唯一链接位于这些文件夹中。

+1

您可能无法提供静态资产。如果您使用的是Chrome,请转至您的检查员,点击“来源”。如果你没有看到你的凉亭组件在左边的边栏,那么它们不会被提供。 – ceckenrode

+1

我建议在第一次尝试时在IE等不同浏览器上尝试它。有时Chrome会保存源文件,并且不会更新! –

+0

通常'bower_components'用于创建您的自定义构建。您可以从这些组件中选择所需的内容,并将它们(自动)复制到您的前端目录中。 Visual Studio 2015有“内置”任务运行器来执行此操作。随意查看[此解决方案](https://github.com/timver/Yambo/tree/master/YamboClient)和/或检查IDE的说明。 –

回答

0

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

相关问题