質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
Pug

Pug(旧Jade)とは、HTMLを書くためのテンプレートエンジン。タグで囲む必要がないなど記述を省略できるため、HTMLの記述が簡単になります。ファイル分割も可能で、変数やループなど便利な機能も備わっています。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

Q&A

1回答

4325閲覧

gulp使用時のエラーの意味がわかりません。

yuchuls

総合スコア10

Pug

Pug(旧Jade)とは、HTMLを書くためのテンプレートエンジン。タグで囲む必要がないなど記述を省略できるため、HTMLの記述が簡単になります。ファイル分割も可能で、変数やループなど便利な機能も備わっています。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

0グッド

2クリップ

投稿2018/07/23 02:38

作業環境

MAC 10.13.4

各バージョン

node
7.10.0

gulp
CLI version 3.9.1
Local version 3.9.1

gulp-pug
4.0.1

gulpで利用しているプラグイン(package.json写し)

{ "name": "data", "version": "1.0.0", "main": "index.js", "dependencies": { "imagemin-jpeg-recompress": "^5.1.0", "imagemin-pngquant": "^5.1.0" }, "devDependencies": { "csscomb": "^4.2.0", "gulp": "^3.9.1", "gulp-csscomb": "^3.0.8", "gulp-jade": "^1.1.0", "gulp-plumber": "^1.2.0", "gulp-pug": "^4.0.1", "gulp-sass": "^3.2.1" }, "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "description": "" }

エラー内容

Plumber found unhandled error: TypeError in plugin "gulp-pug" Message: Cannot read property 'type' of undefined

唐突に上記のようなエラーメッセージが表示されましたが解決方法がわかりません。
ご回答のほどよろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

情報が一部不足していますので、適宜こちらの想像で補いながら回答していきます。

まず結論から言えばpackage.jsonと同じディレクトリで、npm install -Dを実行してください。
そうすることで不足しているgulp-pugモジュールが補填され、Gulpコマンドが動くようになると思います。


次に理由を順を追いながら解説

Node.jsでrequire('gulp-pug')を実行すると、
node_modulesディレクトリからgulp-pugを探してあれば実行、なければエラーという挙動をします。
質問文のエラーは多分これが該当するんじゃなかったですっけ?(未検証

Gulpのコマンドを実行するとgulpfile.jsが実行されますので、
そのファイルの冒頭でvar pug = require('gulp-pug');みたいな記述があり、そこの行でエラーになっていると推定されます。

package.jsondevDependenciesには開発者用の依存ライブラリが格納されます。
質問文を確認したところ、devDependencies内には既にgulp-pugが存在しているようです。

同じディレクトリでnpm install -Dを実行することで開発者用の依存ライブラリを全てダウンロードした上で、node_modulesというディレクトリを作成してgulp-pug等のライブラリを全て保存してくれます。

ところが質問文ではどこまでプロジェクトのファイルのインストールを進めたのかが不明で、npm install -Dが単純にまだだったんじゃないのかな?
…という風に考え、npm install -Dで少なくとも進展するのではないかと見当を付けました。

投稿2018/07/23 05:16

miyabi-sun

総合スコア21194

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問