带有引导程序和 laravel 8 的惯性 js答案

【问题标题】：inertiajs with boostrap and laravel 8带有引导程序和 laravel 8 的惯性 js
【发布时间】：2022-01-18 00:03:23
【问题描述】：

这里的第一个问题;）

我正在使用 laravel 8 和 Vue JS (2.6) 学习惯性 JS，并创建了一个基本的身份验证系统。现在我面临的问题是有一个示例引导页面，在加载页面（刷新）时效果很好。但是，当我调用登录后路由并将其重定向回主页时，UI 被破坏了，一旦我刷新页面，UI 就可以正常工作了？

那么是否有任何解决方法或惯性js与twitter bootstrap不兼容？

编辑：也尝试使用 Tailwind CSS 2.x，但结果与 UI 被破坏的原因相同。

【问题讨论】：

既然您使用的是 Inertia，您能否说明您使用的是哪个前端堆栈，除了 Bootstrap 作为 css/js 框架之外？ Inertia 依赖于 Vue、React 或 Svelte 等前端堆栈才能正常工作。
我使用 vue js 作为 vue 版本 2.6+ 的前端，而对于 UI 工具包，我使用的是 Bootstrap v5。
这里有很多我们不知道的变量。您可以查看Ping CRM，这是 Laravel + Vue 中的示例项目，以确定与您的项目有什么不同。
请在此处添加您的源代码以使其更清晰

【解决方案1】：

注意！！

我尝试了一个新鲜的 laravel，一切正常

现在没有问题了。

可能是某些 css 编译出错了。

我尝试不使用 / 使用 laravel ui 3.0 并且现在可以正常工作。

感谢回复的朋友☺️

【讨论】：