Gulp導入時のエラー②index.pugが正常にdistフォルダへコンパイルされない【解決済み】

引き続いて、Gulp導入時のエラーです。

始め、コードを書いてコンパイルしたら、ルートディレクトリにもともと置いてあったindex.htmlの方が更新されていました。

試しにルートディレクトリにあるindex.htmlを削除して再度「npx gulp pug」でコンパイルしたら、エラー文は出ずに正常に終了。しかし想定したdistフォルダにindex.htmlは生成されず。。。。

【解決しました!!】

結論:パスの記載ミス!「.」の次の「/」が抜けていました。

まず最初にしっかりお手本コードを確認したうえで、ググってみたのですがpugがindex.htmlに生成されない、という記事は見当たりませんでした。自力で解決するしかない、と思い、まずはエラー箇所の切り分けをしていくことに。

生成されていないから、dest文あたりは機能していないと考え、pipeでつないでいる部分をコメント表示しながら、引っかかる場所を少しずつ探していきました。

探す範囲が少しずつ狭まっていくと、問題の発見もしやすかったです。

結果的に、パスのスラッシュが抜けていることを確認。たったこれだけで、エラー文は出ずにコンパイル完了メッセージがターミナルに表示されるという。良い経験になったと思います。

この記事を書いた人