Laravel powergrid Livewire 样式未加载

Question

我刚刚使用 Laravel Breeze auth 从头开始创建了一个新的 Laravel 项目。我最近安装了 livewire-powergrid 包来创建我的第一个数据表。我按照说明进行操作，但是当我显示我的 DataTable 时，看起来好像缺少一些 CSS。

这是我的配置：

资源/js/app.js

import './bootstrap';
import flatpickr from "flatpickr";
import './../../vendor/power-components/livewire-powergrid/dist/powergrid';
import './../../vendor/power-components/livewire-powergrid/dist/tailwind.css';

资源/css/app.css

@import "../../node_modules/flatpickr/dist/flatpickr.min.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

图片在这里：

希望你能帮助我。

默认显示带有 powergrid 样式的网格（使用 tailwindcss）

Answer 1

PowerGrid 在 VueJS 中，因此您需要运行 nodeJS 才能使渲染工作，并且在呈现它的视图中，您必须将 @powerGridStyles 指令放在 body 标记之前和之后