如何在新的 laravel 8 中安装 Inertia Vue + tailwind？答案

【问题标题】：How to install InertiaVue + tailwind in new laravel 8?如何在新的 laravel 8 中安装 Inertia Vue + tailwind？
【发布时间】：2021-03-30 17:18:35
【问题描述】：

我花了很多时间在我的新 laravel 8 上安装 InertiaVue 和 Tailwind。我对 Vue.js 有一些经验。

我用这个命令安装惯性

composer create-project laravel/laravel nameofprojectt --prefer-dist

然后我将它添加到根模板中

<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <link href="{{ mix('/css/app.css') }}" rel="stylesheet" />
    <script src="{{ mix('/js/app.js') }}" defer></script>
  </head>
  <body>
    @inertia
  </body>
</html>

然后我运行了这个命令

php artisan inertia:middleware

我在我的 App\Http\Kernel 中注册了 HandleInertiaRequests 中间件，作为我的 Web 中间件组中的最后一项。

\App\Http\Middleware\HandleInertiaRequests::class,

我运行 Npm install 而不是 Npm run dev

但我总是得到这个错误

$page 未定义

很抱歉，如果这个问题经常与安装有关，我对 laravel 不是很好。没有明确的安装如何使用 InertiaVue 安装 Laravel 8（如果是我没有找到）（没有说需要我单独安装 Vue 或不需要）+ Tailwind。（没有jetstram）。

如果我使用 jetstream 安装，Inertia 一切都很好。但是当我安装时没有它不适合我。

【问题讨论】：

标签： laravel vue.js inertiajs

【解决方案1】：

最简单的方法是使用 JetStream 安装它们。您需要按以下顺序运行这些命令：

composer require laravel/jetstream
php artisan jetstream:install inertia
npm install && npm run dev
php artisan migrate

更多信息请查看：https://jetstream.laravel.com/1.x/installation.html

编辑：

要安装 InertiaVue，您应该按照他们网站上的服务器和客户端安装：https://inertiajs.com/server-side-setup
安装 Tailwind： https://tailwindcss.com/docs/guides/laravel

【讨论】：

但我不想使用 Jetstream。我会使用没有 jetsream 的 Orchid 管理面板。
我完成了这些步骤，但总是得到这个错误：$page is undefined
最简单的方法是使用 Livewire 或 Inertia 安装 Jetstream。我使用惯性。 Laravel 8 的注意事项，此安装使用 Vue 3。根据您的需要，您可以忽略登录和注册的 Jetstream 路由，或更改它们以匹配您的管理面板。 $page 变量默认从 Laravel Inertia 中间件发送。它就像一个全局对象，包含您通常想要发送给每个页面的内容——错误、flash 消息、当前用户等。