使用 remix-flat-routes 进行混音：导航到 slug 路线时重定向不起作用

Question

我有一张表格，您可以在其中提交记录的 ID。该操作验证输入并返回到加载记录详细信息的子页面的重定向。文件结构如下所示：

操作代码：

  export async function action({ request, params }: LoaderFunctionArgs) {
    const formData = await request.formData();
    const submission = parseWithZod(formData, {schema: WAVE_SCHEMA});
    var waveNumber = submission.payload.waveNumber as string;

    if (submission.status !== "success") {
      return submission.reply();
    }
  
    return redirect(`/wms/waves/${waveNumber}`);
  }

该重定向适用于应用程序中的所有其他页面，但如果我尝试使用 slug 导航到路径，它不会执行任何操作。我已经确认该网址正在按预期生成，并且我可以通过浏览器手动导航到那里，它只是不想从表单导航到那里。

流程是在 /wms/waves 上输入 id，它将导航到 /wms/waves/:id

混音路线结构：

任何有关这种奇怪行为的帮助将不胜感激。

Answer 1

我猜测你的用户界面是如何设置的，但在这里你可以看到重定向正在工作。请随意修改此 StackBlitz 以匹配您的代码并重现您遇到的问题。

⚡️ StackBlitz https://stackblitz.com/edit/remix-run-remix-theqfa?file=app%2Froutes%2Fwms%2Fwaves%2Froute.tsx