概要
- 公式が公開しているサンプルコードをインストールすると、レイアウトが崩壊している。
- 公式の指示に従って、
@importするとレイアウトを反映させることが出来る。
やること
- 次のファイルを開く
[app]>[layout.tsx] - 1行目に次のコードを追加する
+ import '@/app/ui/global.css';
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
- 自動リロードで
localhost:3000は更新されていることを確認する。（Globalの人はIPのURLを参照）
参考