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

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

新規登録して質問してみよう
ただいま回答率
85.48%
React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

2回答

425閲覧

webpack-dev-server で8080ポートが使えない

Tom_S

総合スコア18

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2017/11/24 11:27

React.jsの開発環境としてwebpack-dev-serverを立てようとしているのですが、
webpack.confic.jsの設定でポートを8080にするとフロントに表示されないです。
3000にするとうまくいくのですが、なぜこのような差がでるのかわからないです。
ちなみに、ポートの競合は起きてないです。

webpack.config.js

json

1module.exports = { 2 entry: { js: __dirname + '/src/main.js' }, 3 output: { path: __dirname + '/public', filename: 'bundle.js' }, 4 module: { 5 loaders: [ 6 { 7 test: /.js$/, 8 exclude: /node_modules/, 9 loader: 'babel-loader' 10 }, 11 ], 12 }, 13 devServer: { 14 contentBase: './public', 15 port: 8080, 16 inline: true, 17 historyApiFallback: true, 18 }, 19 devtool: 'source-map', 20};

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

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

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

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

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

guest

回答2

0

ベストアンサー

私は前、Esetというウイルスソフトが悪さをしており全く同じ症状を起こしました。
80や8080ポートはWEBセキュリティの穴になりやすいので、おそらくウイルスソフトの何かに引っかかっているのだと思います。

投稿2017/11/24 13:30

sakapun

総合スコア888

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

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

Tom_S

2017/11/27 01:19

まさにおっしゃる通りでした。 ありがとうございます。
guest

0

8080のみ駄目なのであれば,やはり知らずのうちに競合が起きているとまず考えます.
お使いのIDEが専有してしまっていたり,ゲームやファイル共有ソフトなどかもしれません.

投稿2017/11/24 11:42

Yatima

総合スコア1159

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

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

Tom_S

2017/11/24 11:47 編集

回答ありがとうございます。 やはり競合の可能性が高いのですね。 調べたコマンドは ’netstat -an | grep 8080’ で何も出なかったです。
Yatima

2017/11/24 11:56

試したことは詳細に記載してくださるようよろしくお願いします. OSや他に使っているソフト等もお書きください.
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問