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

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

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

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

gulp

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

Q&A

解決済

1回答

1090閲覧

gulpでbrowser-syncを使って表示させたいが、Cannot GET /と出てしまう

gksh7

総合スコア40

JavaScript

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

gulp

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

0グッド

0クリップ

投稿2018/10/07 15:12

前提・実現したいこと

browser-syncを使いたいのですが、Cannot GET /と出てしまいます。

下記のようなディレクトリ構成にしています。
※distディレクトリは作らず(今は)、srcディレクトリの中のページを表示するような構造です。

project
├─src
│ └─site
│ ├─css
│ ├─sass
│ ├─js
│ ├─imgs
│ └─myPage.html

└─gulpfile.babel.js

下記のように、gulpfile.babel.jsを記述し、
コマンドライン「gulp」で起動し、
myPage.htmlを表示するのがゴールです。

gulpfile.babel.js

gulp.task('server', function() { browserSync.init({ server: /src/site/, startPath: 'myPage.html', host: 'localhost', port: 8081, open: true }); }); gulp.task('watch', function() { //省略 }) gulp.task('default', ['server', 'watch']);

どうしたら、うまくmyPage.htmlが表示されますでしょうか?

お詳しい方、ご教示をお願いたします。
どうぞ宜しくお願いたします。

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

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

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

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

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

guest

回答1

0

ベストアンサー

js

1// server: /src/site/, 2// ↓ 3server: './src/site/',

引用符で括られていないので、文字列ではなく正規表現オブジェクトになってしまうと思われます。手元で試したときにはSyntaxError: Invalid regular expression flagsとエラーで止まりましたが、実際のソースは異なっているのでしょうか。

それと、パスが/で始まっているので絶対パスになります。おそらく、本来の意図とは異なると思いますので、先頭に.を入れてみてください。

投稿2018/10/07 22:05

sii_side

総合スコア849

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

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

gksh7

2018/10/08 01:24

ご回答、ありがとうございます。 おっしゃる通り、実際のデータは異なっておりまして・・ こちらに転載するときに、 serverの値を引用符で括るのを忘れてしまいまいました。 とりあえず、server: './src/site/', でやってみまして、(あわせて自分の解釈の違いで、記述を追加したところ)問題なく動きました。 良かったです。 sii_sideさんのアドバイスが、解決に導いてくれました。 ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問