質問編集履歴

1 package.jsonを追記

muro

muro score 107

2015/12/07 10:29  投稿

gulpでjadeを変換すると、htmlは出力されるけどエラーメッセージも出る
以下のようなgulpfileを作成し、jadeファイルを保存時に自動的にhtmlファイルに変換する処理をさせています。
htmlは、jadeと同じフォルダに出力されるようにしています。
```javascript
// gulpfile.js
var gulp, plugins;
gulp = require("gulp");
plugins = require("gulp-load-plugins")();
gulp.task("jade", function() {
 return gulp.src("**/*.jade").pipe(plugins.plumber({
   errorHandler: plugins.notify.onError("Error: <%= error.message %>")
 })).pipe(plugins.jade({
   pretty: true
 })).pipe(gulp.dest("./"));
});
gulp.task("default", function() {
 return gulp.watch("**/*.jade", ["jade"]);
});
//# sourceMappingURL=gulpfile.js.map
```
```coffeescript
# gulpfile.coffee
gulp = require("gulp")
plugins = require("gulp-load-plugins")()
gulp.task "jade", ->
   gulp.src("**/*.jade")
       .pipe plugins.plumber
           errorHandler: plugins.notify.onError("Error: <%= error.message %>")
       .pipe plugins.jade
           pretty: true
       .pipe gulp.dest("./")
gulp.task "default", ->
   gulp.watch "**/*.jade", ["jade"]
```
しかし、実際にjadeを保存すると、htmlは正常に出力されているにも関わらず、以下のエラーメッセージがcmdに表示されてしまいます。
```
gulp-notify: [Error running Gulp] Error: Unexpected token (29:15)
```
jadeの内容がどんなものであっても、どこのフォルダにおいてあっても、同じ内容のエラーメッセージが表示されます。
Unexpected tokenは余計な記号が入っているという意味らしいのですが、ここから省かないといけないものなんてあるのでしょうか?
htmlは出力されているので、いちおうこのままでも作業をできないことはないのですが、保存するたびに同じエラーメッセージが出ては煩わしいので、このエラーを解決したいです。
htmlは出力されているので、いちおうこのままでも作業をできないことはないのですが、保存するたびに同じエラーメッセージが出ては煩わしいので、このエラーを解決したいです。
【追記】
package.jsonは以下のとおりです。
```json
{
 "name": "default",
 "version": "1.0.0",
 "description": "",
 "main": "index.js",
 "dependencies": {
   "gulp-coffee": "^2.3.1",
   "gulp-autoprefixer": "^3.1.0",
   "gulp": "^3.9.0",
   "gulp-jade-php": "^1.1.0",
   "gulp-jade": "^1.1.0",
   "gulp-sass": "^2.1.0",
   "gulp-load-plugins": "^1.1.0",
   "gulp-notify": "^2.2.0",
   "gulp-sourcemaps": "^1.6.0",
   "gulp-plumber": "^1.0.1",
   "node-sass": "^3.4.2"
 },
 "devDependencies": {
   "gulp-rename": "^1.2.2"
 },
 "scripts": {
   "test": "echo \"Error: no test specified\" && exit 1"
 },
 "repository": {
   "type": "git",
   "url": "git+https://○○:○○@bitbucket.org/○○/○○.git"
 },
 "author": "",
 "license": "ISC",
 "homepage": "https://bitbucket.org/○○/○○#readme"
}
```
  • JavaScript

    28610 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    17605 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • Node.js

    3393 questions

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

  • jade

    38 questions

    Jade(ジェイド)は、Hamlに影響を受けて開発されたJST(JavaScript Templates)のひとつです。Node.jsで動かすことができます。

  • gulp

    448 questions

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

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る