带有惯性的 Jetstream 中的 Laravel Spark Billing 页面错误答案

【问题标题】：Laravel Spark Billing page error in Jetstream with Inertia带有惯性的 Jetstream 中的 Laravel Spark Billing 页面错误
【发布时间】：2021-06-26 08:58:24
【问题描述】：

我已经安装了 Laravel 8 和基于 Inertia Js 的 Jetstream。

后来我安装了 Laravel Spark (New Spark)，它创建了一个新路由：“计费”。当我直接在浏览器中访问此路由时，它可以工作。

但是当我在菜单中添加路线并单击菜单链接时，我收到以下错误：

Uncaught (in promise) Error: Cannot find module './BillingPortal'

使用的代码：

<jet-dropdown-link href="/billing">
    Billing
</jet-dropdown-link>

我也试过了：

<jet-dropdown-link :href="route('spark.portal')">
    Billing
</jet-dropdown-link>

例如，如果我使用：

<a href="/billing">
    Billing
</a>

设计很糟糕，但计费页面运行良好。

我试图清除路由、配置，我运行了命令：npm run dev

关于我做错了什么以及如何解决它的任何建议？谢谢。

【问题讨论】：

标签： php laravel inertiajs

【解决方案1】：

我找到了一个综合答案。

我使用了 a href，但使用了惯性类：

<a href="/billing" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out">
    Billing
</a>

似乎 Inertia 正在寻找自定义模块，使用 href 允许我们跳过添加此功能。

【讨论】：

【解决方案2】：

还添加到@Pascut 的答案，确保您将选项添加到较小屏幕的响应式导航菜单。不要创建新的 jet-responsive-nav-link 元素，而是使用下面的代码

<div>
  <a 
    href="/billing" 
    class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out">
    Billing
  </a>
</div>

【讨论】：