Laravel Snappy：TailwindCSS 未完全加载

问题描述

我正在使用 Laravel (8 Jetstream) Snappy 从带有 TailwindCSS v2 的刀片视图打印相当丰富多彩的 PDF。

但是，刀片视图在生成的 PDF 中看起来并不相同。

首先，如果我对 CSS 文件进行以下调用，则没有任何效果：

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

所以我将 asset() 更改为 public_path()。这是整个刀片视图：

<!DOCTYPE html>
<html lang="{{ str_replace('_','-',app()->getLocale()) }}">
<head>
    <Meta charset="utf-8">
    <Meta name="viewport" content="width=device-width,initial-scale=1">

    <title>PDF generated</title>
    <link href="{{ public_path('css/app.css') }}" rel="stylesheet" media="all" />
</head>
<body>

<div class="container mx-auto px-4 py-4">
    <div class="border-4 border-red-400">
        <div class="text-green-800">
            Text in color.
        </div>
    </div>
</div>

</body>
</html>

问题是我只看到了黑白版本。颜色未加载。

此外，以下内容也不起作用：

<link href="{{ public_path('css/app.css') }}" rel="stylesheet" type="text/css" />

我错过了什么？我该如何解决这个问题？我希望 Tailwind 在 PDF 打印版本中也能正常工作。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

pdf-generation tailwind-css wkhtmltopdf