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

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

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

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

Q&A

0回答

3763閲覧

React + Reduxで作ったページがIE11でのみエラーで動作しない

sekiyama

総合スコア11

React.js

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

0グッド

0クリップ

投稿2016/06/10 04:59

React + Redux + Webpackの構成でWEBサービスを開発中なのですが、他の全てのブラウザで正しく動作するページがIE11で見た時だけコンソールに以下のエラーが出てしまい上手く動作しません。

[WD] Disconnected!

なおWebpack.configファイルは以下の通りです。
ご覧のようにwebpack-dev-serverを使って動作確認しております。

var webpack = require('webpack'); var WebpackNotifierPlugin = require('webpack-notifier'); var path = require('path'); var dest = './public/'; var src = './app/lib/'; var relativeSrcPath = path.relative('.', src); module.exports = { dest: dest, entry: [ "webpack-dev-server/client?http://localhost:8080", "webpack/hot/dev-server", src + '/javascripts/entry.jsx' ], output: { path: dest + 'javascripts', publicPath: '/public/javascripts/', filename: 'bundle.js' }, devServer: { hot: true, inline: true, noInfo: true, port: 8080 }, module: { loaders: [ { test: /\.jsx$/, exclude: /node_modules/, loader: 'babel' }, { test: /\.css$/, loader: 'style!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader' } ] }, plugins: [ new webpack.optimize.OccurenceOrderPlugin(), new webpack.NoErrorsPlugin(), new webpack.optimize.DedupePlugin(), // ライブラリ間で依存しているモジュールが重複している場合、二重に読み込まないようにする new webpack.optimize.AggressiveMergingPlugin(), //ファイルを細かく分析し、まとめられるところはできるだけまとめてコードを圧縮する new WebpackNotifierPlugin({alwaysNotify: true}), //コンパイルが完了したら通知 new webpack.HotModuleReplacementPlugin() ], resolve: { extensions: ['', '.jsx', '.js'] }, // source-mapを出力 devtool: "#source-map", postcss: [ require('autoprefixer'), require('postcss-nested'), require("postcss-simple-vars")({ variables: function() { return require(src + "/stylesheets/setting") } }), require('postcss-mixins')({ mixins: require(src + "/stylesheets/mixin") }), require('cssnano') ] };

これはどの様な時に表示されるエラーなのでしょうか?
ご教授頂ければ幸いです。

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

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

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

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

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

退会済みユーザー

退会済みユーザー

2016/06/13 18:03

エラーが発生してるファイルや行をトレースバックできませんか? デベロッパーツールのネットワークタブやイベントリスナーブレイクポイントな どがあればたぶん確認出来るので原因となっているファイルやコードを特定してみてください。
sekiyama

2016/06/14 03:14

ご回答ありがとうございます。 その後調査した結果、IEである事が原因ではなく、MacのApacheを起動して外部のPCからアクセスしてる事が原因でした。 abstract-xhr.jsと言うファイル内で「GET http://(IPアドレス):8080/sockjs-node/info?t=1465873670847 net::ERR_CONNECTION_REFUSED」と言うエラーが走ってました。 ただ原因となるファイルは特定出来たものの、対処方法が分かりません。 このファイルへのアクセスが弾かれてるのをどうにか出来れば解決出来そうなのですが。。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問