0
webpack-dev-serverインスタンスがWebサーバーとは別のURLでリッスンしている問題があります。 Webサーバーはhttp://dev.foo.com/にあり、webpackはlocalhost：8080でリッスンしています。私はapp.bundle.jsをウェブサーバの<head>タグに組み込んでいます。webpack-dev-server sock-js間違ったURL
問題はWebPACKのがhttp://dev.foo.com:8080/sockjs-node/info?t=1507075303656に接続しようとしているとnet::ERR_CONNECTION_REFUSEDではなくhttp://localhost:8080/sockjs-...
への接続を受信している私は私の人生のために、それはこのURLを変更することができます場合は、ほとんどの答えは思え把握することはできませんということです私はentry: ['webpack-dev-server/client']を変更する必要があることを示唆していますが、それは私にとってはうまくいかないようです。
私のウェブパック設定です。私は私のnode_modulesフォルダと私のyarn.lockファイルを削除し、再度yarn installを実行することによって、問題を解決しているように見えるいくつかの奇妙な理由で
// webpack.common.js
const path = require('path');
module.exports = {
entry: ['./js/application.js'],
output: {
path: path.resolve(__dirname, './build'),
filename: 'app.bundle.js'
},
module: {
rules: [
{ test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },
{ test: /\.jsx$/, loader: 'babel-loader', exclude: /node_modules/ }
]
}
}
// webpack.dev.js
const merge = require('webpack-merge');
const common = require('./webpack.common.js');
module.exports = merge(common, {
entry: ['webpack-dev-server/client?http://127.0.0.1:8080/'],
module: {
rules: [
{
test: /\.scss$/,
use: [
{ loader: "style-loader" },
{ loader: "css-loader" },
{ loader: "sass-loader" }
]
},
{ test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader?name=http://localhost:8080/fonts/[name].[ext]' }
]
},
devServer: {
hot: true,
headers: {
"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
"Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
}
}
});