父级上的 Vue Router 可选参数不会渲染子级

Question

我的 vue 路由器 (v4.0.13) 中有以下设置：

const routes = [
  {
    path: "/:lang(en|fr)?",
    component: Layout, //Top-level component that contains the basic elements (sidebar, header, footer).
    children: [
      {
        path: "",
        name: "Home",
        component: Home,
      },
      {
        path: "other",
        name: "Other",
        component: Other,
      },
    ],
  },
];

布局、主页、其他是我的组件。问题是以下路由不会渲染 Home 组件：

/ 或 /en。

如果我删除 ? 并将参数设置为非可选，则 /en 会正确渲染 Home 组件，但 / 路由不再起作用。

我缺少什么？