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

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

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

ECMAScriptとは、JavaScript類の標準を定めるために作られたスクリプト言語です。

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Node.js

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

JavaScript

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

Q&A

解決済

1回答

3301閲覧

webpack-dev-serverが2回起動する

tarotarosu

総合スコア114

ECMAScript

ECMAScriptとは、JavaScript類の標準を定めるために作られたスクリプト言語です。

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Node.js

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

JavaScript

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

0グッド

0クリップ

投稿2017/10/18 05:20

編集2017/10/18 08:43

###前提・実現したいこと
npm run startとしてwebpack-dev-serverを起動させると、
なぜかローカルサーバーが2つ起動し、下記のような警告が大量に表示されます。
原因は何なのでしょうか。

Project is running at http://localhost:8080/ webpack output is served from / Project is running at http://localhost:8081/ webpack output is served from / /* 中略 */ WARNING in (webpack)-dev-server/client/socket.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identifiers: * C:\Users\hoge\work_space\redux-button\node_modules\webpack-dev-server\client\socket.js Used by 1 module(s), i. e. C:\Users\hoge\work_space\redux-button\node_modules\webpack-dev-server\client\index.js?http://localhost:8081 * C:\users\hoge\work_space\redux-button\node_modules\webpack-dev-server\client\socket.js Used by 1 module(s), i. e. C:\users\hoge\work_space\redux-button\node_modules\webpack-dev-server\client\index.js?http://localhost:8080 /* 以下同じような警告 */

webpack.config.js, pacage.jsonは下記のようにしています。

webpack.config.js

1var path = require('path'); 2var webpack = require('webpack'); 3 4module.exports = { 5 entry: './src/index.jsx', 6 output: { path: path.join(__dirname, 'dist'), filename: 'bundle.js' }, 7 module: { 8 loaders: [ 9 { 10 test: /.jsx?$/, 11 loader: 'babel-loader', 12 exclude: /node_modules/, 13 query: { 14 presets: ['es2015', 'react'] 15 } 16 } 17 ] 18 }, 19 devtool: 'source-map' 20} 21

package.json

1{ 2 "name": "react_test", 3 "version": "1.0.0", 4 "description": "", 5 "main": "index.js", 6 "scripts": { 7 "start": "./node_modules/.bin/webpack-dev-server" 8 }, 9 "keywords": [], 10 "author": "", 11 "license": "ISC", 12 "dependencies": { 13 "react": "^15.5.4", 14 "react-dom": "^15.5.4", 15 "redux": "^3.6.0" 16 }, 17 "devDependencies": { 18 "babel-core": "^6.24.1", 19 "babel-loader": "^7.0.0", 20 "babel-preset-es2015": "^6.24.1", 21 "babel-preset-react": "^6.24.1", 22 "react-redux": "^5.0.5", 23 "webpack": "^2.4.1", 24 "webpack-dev-server": "^2.4.5" 25 } 26} 27

ちなみに、./node_modules/.bin/webpack-dev-serverと直接コマンドを実行すると正常に起動します。
npm run startとしたときだけローカルサーバーが2つ起動し警告が表示されます。

何かご回答を頂けると助かります_(..)

###補足情報(言語/FW/ツール等のバージョンなど)
最近PCを交換し、Nodist経由でNode.jsとnpmをインストールしています。
環境変数は設定されています。
Windows10 Pro
Nodist > 0.8.8
Node.js > 6.11.4
npm > 5.4.2

###追記
package.jsonに下記を加えてwebpack単体では動作するか確認したところ問題なく動作しました。

js:package.json

1"scripts": { 2+ "build": "webpack", 3 "start": "./node_modules/.bin/webpack-dev-server" 4 }, 5

###追記2
Git Bashを使用しているのですが、
Git Bashからnpm run startとすると上記のような警告が表示され、
コマンドプロンプトからnpm run startとすると正常にwebpack-dev-serverが起動するようです。

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

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

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

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

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

karamarimo

2017/10/18 06:17

とりあえず "start": "webpack-dev-server" とするとどうなるでしょうか。
tarotarosu

2017/10/18 06:46

"start": "webpack-dev-server"と記述し、「npm run start」としても、警告の内容は全く変わりませんでした...
guest

回答1

0

自己解決

自己解決したため解決策を記述します。
下記サイトに似たような質問が上がっていました。
https://stackoverflow.com/questions/46270587/webpack-dev-server-runs-twice

webpack-dev-serverのバージョンに問題がありそうだったため、
npm uninstall webpack-dev-serverとし、
npm install webpack-dev-server@2.7.1 --save-devでバージョンを指定してインストールし直して、
npm run startとしたところ、8080番だけが正常に起動しました。

コメントをくださった方々、ありがとうございました_(..)

投稿2017/10/18 07:17

tarotarosu

総合スコア114

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問