CSS 不是样式页面,而是在 DOM 中加载
CSS not styling page but is loaded in DOM
女士们先生们大家好。
我有很多谜题在继续。我刚刚在 Windows (10) 的 Vagrant (1.7.4) 机器上安装了 Laravel (5.1) 的新实例。奇怪的是,我 link 外部样式表和 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 文件夹位于 public 文件夹中。如果我查看 Chrome 开发人员工具中的源选项卡,我可以看到 JavaScript 文件正在加载,但没有 CSS 文件的迹象。但是,如果我右键单击 CSS 文件的 link,然后在新选项卡中打开 link,我可以看到 CSS。我已经尝试将字符编码类型显式更改为 UTF-8,既作为 link 标记中的属性,也作为 css 本身的第一行使用 @charset 'at rule'。下面是一些插图:
感谢您的帮助。
在您的 css-link 中,您有 rel="stylesheets"
(复数)。应该是rel="stylesheet"
(单数):)
女士们先生们大家好。
我有很多谜题在继续。我刚刚在 Windows (10) 的 Vagrant (1.7.4) 机器上安装了 Laravel (5.1) 的新实例。奇怪的是,我 link 外部样式表和 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 文件夹位于 public 文件夹中。如果我查看 Chrome 开发人员工具中的源选项卡,我可以看到 JavaScript 文件正在加载,但没有 CSS 文件的迹象。但是,如果我右键单击 CSS 文件的 link,然后在新选项卡中打开 link,我可以看到 CSS。我已经尝试将字符编码类型显式更改为 UTF-8,既作为 link 标记中的属性,也作为 css 本身的第一行使用 @charset 'at rule'。下面是一些插图:
感谢您的帮助。
在您的 css-link 中,您有 rel="stylesheets"
(复数)。应该是rel="stylesheet"
(单数):)