我正在尝试使用带有延迟加载的react路由器。我仍然看到bundle作为一个main.js下载。路由器驻留在nx应用程序中，并且应该延迟加载的路由位于nx库中。
该应用程序有这样的东西：

const Settings = lazy(() => import('from lib').then(({ Settings }) => ({ default: Settings })));

 <Routes>
      <Route path="/users" element={<Users />} />
      <Route path="/settings" element={
        <Suspense fallback={<>...</>}>
          <Settings />
        </Suspense>
      } />     
    </Routes>

从索引导出库：

export {default as Settings} from './lib/Settings';

当我转到用户路由时，我看到一个main.js文件，其中也包含设置代码。
如何拆分路由，以便不会同时加载所有路由？