前提条件
Windowsでnvmをインストールし、Node.jsとyarnも入れた手順
↑こちらで環境構築をした前提
-
yarn : このシステムではスクリプトの実行が無効になっているため~
エラーが出た場合、Windows Power shellを管理者権限で開く。
※ windowsスタートボタン → Power shell → 右クリック → 管理者として実行を選択Get-ExecutionPolicy
をPower shellで実行
Restricted
と表示された場合、
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned
を実行しポリシーを変更する
yarn dev
を実行後、
error - Failed to load SWC binary for win32/x64, see more info here: https://nextjs.org/docs/messages/failed-loading-swc
上記エラーが出た場合、
対処1
next.json.jsファイルを開き
module.exports = {
swcMinify: false
}
上記を記載して保存する。
ルートディレクトリに「.babelrc」という名前のファイルを作り、
{
"presets": ["next/babel"]
}
上記を記載して保存する。
対処2
VScode内のターミナルで
yarn add next@11.1.1-canary.7
と入力し、再度yarn dev
と入力してlocal host:3000
が開けるかどうか確認する。
対処3
yarn dev を実行した際に、
'next' は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ ファイルとして認識されていません。
というエラーが出た場合
npm -g update
を実行し、
npm ci
を実行し、必要パッケージをインストールする。
その後
yarn add next@11.1.1-canary.7
を実行し、
yarn dev
を実行。