CSS没有样式化页面，但是在DOM中加载

Question

你好，女士们，先生们。

我有很多益智游戏。我刚刚在Windows（10）中的Vagrant（1.7.4）机器上安装了一个新的Laravel（5.1）实例。奇怪的是，我以相同的方式链接外部样式表和javascript：

<link href="{{ URL::asset('css/app.css') }}" rel="stylesheets" type="text/css">

<script src="{!! URL::asset('js/all.js') !!}" type="text/javascript"></script>

问题是样式没有被应用（跨浏览器）到元素。我在控制台中没有收到任何错误。当我查看文档的头部时，我可以看到它是正确的路径：

<link href="http://laravel.dev/css/app.css" rel="stylesheets" type="text/css">

<script src="http://laravel.dev/js/all.js" type="text/javascript"></script>

我有一个标准的Laravel文件结构，公共文件夹中有CSS和JS文件夹。如果我查看Chrome开发人员工具中的“来源”标签，我可以看到正在加载JavaScript文件，但没有CSS文件的迹象。但是，如果我右键单击CSS文件的链接，并在新选项卡中打开链接，我可以看到CSS。我已经尝试将字符编码类型明确地更改为UTF-8作为链接标记中的属性以及css本身的第一行与@charset'在规则'。以下是一些插图：

感谢您的帮助。

Answer 1

In your css-link you have rel="stylesheets" (plural). It should be rel="stylesheet" (singular) :)