やりたいこと
Next.jsのコードをNativeっぽくできればいいなぁと思っていたら、できるっぽい。
下記の記事を参考にしながらやっていたが、なぜか上手く起動できない！
真っ白な画面が出てしまう。
https://zenn.dev/sasatech/articles/f47db0bd27544c
やったこと
./publicにindex.htmlを配置
npx cap add ios
のコマンドを実施したときにエラーが発生していたようです。
chatGPTに聞いてみると、エントリーポイントとして必要らしい。
詳細は後でキャッチアップするとして、index.htmlを配置後、下記のように記載。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Capacitor App</title>
</head>
<body>
<h1>Hello, Capacitor!</h1>
</body>
</html>
これを実施後、記事通りに実施すれば起動します。
参考
公式Doc
https://capacitorjs.com/docs/getting-started
コメント