Nuxt.jsで2系から3系へのバージョンアップ時に「ERROR Unknown command 192.168.xx.xx」

2024年4月12日

今回はNuxt.jsで2系から3系へのバージョンアップ時にnpm run devを叩いたところ「ERROR Unknown command 192.168.xx.xx(ホスト名)」というエラーが起きた原因についてお話ししていきます。

結論から言うと、package.jsonのscriptsのところの書き方が問題でした。

今まではnpm run dev実行時にホスト名とポート番号を指定して、

{
  "scripts": {
    "dev": "nuxt --hostname 192.168.xx.xx --port 8000",
  }
}

{

"scripts": {

"dev": "nuxt --hostname 192.168.xx.xx --port 8000",

}

というように書いていました。

しかしNuxt.jsで3系へのバージョンアップ時(バージョンアップ時に発覚しただけで、他の要因があるかも)にはこの書き方では次のようなエラーが出てしまいます。

Use nuxi <command> --help for more information about a command.


 ERROR  Unknown command 192.168.xx.xx

Use nuxi <command> --help for more information about a command.

ERROR Unknown command 192.168.xx.xx

よって、例えば新しい書き方としてホストのIPアドレスを「192.168.xx.xx」、ポート番号を「8000」にしたいなら、次のように書き換えましょう。

{
  "scripts": {
    "dev": "nuxt dev --host 192.168.xx.xx --port 8000",
  }
}

{

"scripts": {

"dev": "nuxt dev --host 192.168.xx.xx --port 8000",

}

もしくは、nuxt.config.jsに次のように書き加えても良いかもしれません。

export default{
  devServer: {
    host: '192.168.xx.xx',
    port: 8000
  }
}

export default{

devServer: {

host: '192.168.xx.xx',

port: 8000

}

終わりに

今回はNuxt.jsで2系から3系へのバージョンアップ時にnpm run devを叩いたところ「ERROR Unknown command 192.168.xx.xx(ホスト名)」というエラーが起きた原因についてお話しいたしました。

最後までお読みいただきありがとうございます。
よろしければブログやTwitterでのシェアをお願いしております。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。

ITパスポート、基本情報技術者、応用情報技術者などIPAが提供する国家資格の過去問を学べるモバイルアプリをリリースしました。
詳しくは下記のプレスリリースをご覧ください。
https://prtimes.jp/main/html/rd/p/000000008.000073303.html

Youtubeチャンネル開設いたしました。
チャンネル登録者10,000人を目指しているので、良いと思った方はチャンネル登録をお願いしたいです。
https://www.youtube.com/channel/UC219XhmSRxmXltTy6COxSMw

Posted by ちこ

まだ、コメントがありません