<p data-line="0" class="code-line">VSCodeの拡張機能 <code>Zenn Editor</code> でプレビューが表示されなかった時の対応についてメモです。</p>
<h1 id="%E7%92%B0%E5%A2%83" data-line="2" class="code-line">
<a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83" aria-hidden="true"></a> 環境</h1>
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">Chip: Apple M2 Max</li>
<li data-line="4" class="code-line">macOS: Sequoia 15.0.1</li>
<li data-line="5" class="code-line">VSCode: 1.95.3</li>
</ul>
<h1 id="%E4%BA%8B%E8%B1%A1" data-line="7" class="code-line">
<a class="header-anchor-link" href="#%E4%BA%8B%E8%B1%A1" aria-hidden="true"></a> 事象</h1>
<p data-line="8" class="code-line"><code>Zenn Editor</code> でプレビュー表示すると<br>
<img src="https://storage.googleapis.com/zenn-user-upload/259bf44ba91e-20241129.png" loading="lazy" class="md-img"></p>
<p data-line="11" class="code-line">以下のメッセージが出力される。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/c9d99877a4c1-20241129.png" loading="lazy" class="md-img"></p>
<h1 id="%E5%8E%9F%E5%9B%A0" data-line="14" class="code-line">
<a class="header-anchor-link" href="#%E5%8E%9F%E5%9B%A0" aria-hidden="true"></a> 原因</h1>
<p data-line="15" class="code-line">ファイル名 <code>setup-ubuntu-server-ssm-24.04.md</code> でファイル名にコロン(.)が含まれていたためファイル読み込みに失敗。</p>
<h1 id="%E5%AF%BE%E5%BF%9C" data-line="17" class="code-line">
<a class="header-anchor-link" href="#%E5%AF%BE%E5%BF%9C" aria-hidden="true"></a> 対応</h1>
<p data-line="18" class="code-line">ファイル名のコロン(.)を削除。</p>
<h1 id="%E6%9C%80%E5%BE%8C%E3%81%AB" data-line="20" class="code-line">
<a class="header-anchor-link" href="#%E6%9C%80%E5%BE%8C%E3%81%AB" aria-hidden="true"></a> 最後に</h1>
<p data-line="21" class="code-line">この記事がどなたかのお役に立てれば幸いです。</p>


VSCodeのZenn Editorでプレビューが表示されない時の対応方法

環境

事象

原因

対応

最後に

Discussion