首页 > 解决方案 > 无法在 MAMP localhost 中呈现 CSS

问题描述

在将Metronic 管理面板实施到新的 Laravel 项目中时,我遇到了一些非常奇怪的事情。我已将所有内容分解为部分刀片文件,并使用标准包含所有 CSS 和 JS

{{ asset('...') }}

刀片语法。我面临的问题是加载单个 CSS 文件,因为所有浏览器都会到达这一点并停止。更奇怪的是,Chrome 的性能选项卡中没有控制台错误,也没有输出,一切都挂起。

有问题的 CSS 文件是

<link href="{{ asset('admin/demo/demo3/base/style.bundle.css') }}" rel="stylesheet" type="text/css" />

未经缩小,这个 CSS 文件有 55,000 行长,所以我不太确定这是否与文件的绝对大小有关,但是,离开 Chrome 15 分钟根本没有产生任何结果。

我可以使用 file:// 方法从下载文件夹打开静态 HTML 文件,该文件链接到同一个文件并完美呈现,但是当这些文件添加到 localhost 路径时,同样的问题再次发生。这让我相信这不是 Laravel 的问题,而是 localhost 实例的问题。

本地主机在 Windows 10 上运行最新版本的 MAMP,与任何其他站点没有任何其他问题,只有这个单一的 CSS 文件。

我还可以在 Apache access.log 文件中看到这些资产的状态码为 200

127.0.0.1 - - [29/May/2018:21:05:41 +0100] "GET /digitaltools/public/home HTTP/1.1" 200 623
127.0.0.1 - - [29/May/2018:21:05:41 +0100] "GET /digitaltools/public/admin/vendors/base/vendors.bundle.css HTTP/1.1" 200 357894
127.0.0.1 - - [29/May/2018:21:05:41 +0100] "GET /digitaltools/public/admin/demo/demo3/base/style.bundle.css HTTP/1.1" 200 1736133

任何帮助将不胜感激。

标签: cssapachemamp

解决方案


全新安装 MAMP 后,这似乎解决了问题。非常奇怪的行为。


推荐阅读