我的困惑正在发生。我刚刚在 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 文件结构,其中 public 文件夹内有 CSS 和 JS 文件夹。如果我查看 Chrome 开发人员工具中的“源”选项卡,我可以看到 JavaScript 文件正在加载,但没有 CSS 文件的迹象。但是,如果我右键单击 CSS 文件的链接,然后在新选项卡中打开链接,我就可以看到 CSS。我尝试将字符编码类型显式更改为 UTF-8,既作为链接标记中的属性,也作为带有 @charset 'at 规则' 的 css 本身的第一行。以下是一些插图:
感谢您的帮助。