日高拓真(メ)
https://scrapbox.io/files/6262620fc77d8e001dce617c.jpg
他の人のページを真似て色々と書いてみる
所属
情報理工学位プログラム
Dicodeの名前: Hidaka(メ)
開発経験
アイコンについて
何気に話したことなかったけど、アイコンは某ライブ!サンシャインに出てくる子のコーレスをイラストとして書いてもらったやつです。お酒の勢いで書いてもらった。(特に面白い話でもないけど、書くことないから書いてみる)
最近プログラミングしていて詰まったところをメモしておくスペース
(なんならこのページをもとにnoteとかQiitaとかに書いてみても良いよねの場所)
(後日、別ページ移動させる予定)
React
2022/4/24
最近プログラミングしていて、Parsing error: xxx: Unexpected token・予期しないトークンです。"{'>'}" または ">" を意図していましたか?みたいなエラーが突然出てきた。色々と調査していたところ、
code: tmp.jsx
// 諸事情により、コードは一部だけを表示
const xxxComponent = (props) => {
return (
<>
{ // ここを書き忘れていた。
array.map((item)=>{
return (
<>
~~~適当なコード~~~
</>
)
})
}
</>
)
}
という非常に簡単なミスをしていたことが発覚。このエラーに10~15分くらい?戦っていたので、やってしまったと言ったところだった・・・
Componentを作成していて,なぜかComponentを認識してくれないエラーが発生。原因は、Componentとなる関数名の頭文字を大文字にする必要があったみたい?(現状はそれで解決したから、原因がそれではないかと予想)
作ったページまとめ
↑だとなかなか限界を感じた+せっかくなら外部公開したいので、Notionにまとめています。中身もそこそこ変わっています。また、以降の解説もここに載せているので、もしよければ、こちらをチェックしてね!(Notionがひと段落したら、同じ内容をScrapBoxにも載せておきます!そっちの方が便利そうだし。)
何か聞いてみたいことがあったら下に書いて教えてね
水曜日の勉強会で↓の話が出てたので、引用させてもらいます〜
npm run dev と npm startの違いって何ですか?
「1.Next.jsを使ってみよう」で最初にnpm startで始めたらエラーが出て、その後続けてnpm run devを実行したら普通に実行できたので...
回答
何処かにpackage.jsonってファイルがあると思う、そこのscriptsってところを見てみて
npm run devだとpackage.jsonの"scripts"内のdevで定義されたスクリプトが実行される感じ
npm startが動かなかったのはstartに対応するスクリプトが定義されてないから...かな?
補足
ちなみに一般的にこのように使い分けられます!
dev・・・デバッグ実行
start・・・静的ファイルを生成して実行(本番用)
って感じでした!
ちなみにNext.jsでは、
dev→デバック実行。(随時buildをしていってページを表示。ファイルが変更されたら随時更新)
build→start実行時に見られるファイルの作成
start→buildしたファイルをもとにlocalhostを作成
lint→ファイルを整形
って感じで使い分けると良いです。