webpackで分割したファイル(lp.html)はコンテンツの最後までスクロールすることができるのですが、
React Router V6でルート設定すると画面が固定(微妙にピンチすることは可能)され、
画面から見切れている下のコンテンツまでたどり着けません。
LP以外のルート設定した他ファイルでも同様なので、おそらくReact Router部分なのだと思いますが、
エラーも出ていないため検討がつきません。
解決方法をご存知の方がおりましたら、ご教示願います。
Route.tsx const Lp = lazy(() => import("../pages/lp/App")); export const Router: FC = memo(() => { return ( <Suspense fallback={<div>全力表示中...</div>}> <LoginUserProvider> <Routes> **→ <Route path="lp" element={<Lp />} />** <Route path="public" element={<Public />} /> <Route path="login" element={<Login />} /> <Route path="signup" element={<SignUp />} /> <Route path="conf" element={<Conf />} /> <Route path="mypage" element={<PrivateRoute loginUser={true} children={<MyPage />} />} > {AuthRoutes.map((route) => ( <Route path={route.path} element={ <PrivateRoute loginUser={true} children={route.children} /> } /> ))} </Route> <Route path="*" element={<NotFound />} /> </Routes> </LoginUserProvider> </Suspense> ); });```
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。