✍🏻

【Zenn】CLIでプレビューできなくなったときのメモ

2021/09/19に公開

はじめに

この記事は学習ノートです。
マークダウンやアウトプットの練習も兼ねて書きました。

経緯

Zennに投稿するための記事を、VSCodeで書いていた。
プレビューしようと思い、Macのターミナルで% npx zenn previewを叩いたところ、以下のエラーが表示された。

npm ERR! Cannot convert undefined or null to object
npm ERR! A complete log of this run can be found in:
npm ERR! エラーログが保存されている場所のパス

前はプレビューできたのに!なんでー!?

原因

プレビューのコマンドを実行する際、ディレクトリが間違っていた…。

正しい手順(Macのターミナルで実行する場合)

  1. % cd zenn-contentでzenn-content^1に移動
  2. % npx zenn previewでEnter
  3. 👀 Preview: http://localhost:8000が表示されるのでアクセス

おわりに

基礎中の基礎すぎて、調べても該当する記事がなかった😂
ディレクトリのことを無事思い出せてよかったです😌

後から気付いたけど、そもそもVSCodeでzenn-contentを開いて、
VSCodeのターミナルで% npx zenn previewすればよかった…!

Discussion