ReactJs嵌套路由热重载不起作用

Question

我正在使用React Router路由我的React应用。

目前，我有两个主页，一个登录页面和一个布局页面。我的路线是从该数组派生的

export const routeValues = [
    { path: '/Login', exact: true, name: 'Login', component: Login },
    { path: '/', name: 'Home', component: Layout },
];

我还有其他通往子页面的路由，这些子页面是从此数组派生的

export const layoutRouteValues = [
    { path: '/', exact: true, name: 'Home', component: Welcome },
    { path: '/Weather', name: 'Weather', component: FetchData },
    { path: '/roles', exact: true, name: 'Roles', component: Roles },
    { path: '/roles/:id', exact: true, name: 'Role Details', component: Role 
];

我的问题是，现在我已经添加了这些嵌套路线，但我的热装已停止工作

这是我的热重载代码，当我具有平坦的路由结构但不再使用时，该代码就可以工作。

// Allow Hot Module Replacement
if (module.hot) {
    module.hot.accept("./routing/routes", () => {
        routes = require("./routing/routes").routes;
        renderApp();
    });
}

我想再问一个问题，我的路由策略是正确的还是应该以另一种方式来做？