hmr webpack 不编译_Webpack hmr：__webpack

我正在使用webpack-dev-server進行熱模塊更換。它工作的很好，但是這個錯誤每隔幾秒就會在控制檯中顯示出來：GET http://mysite:8080/__webpack_hmr 404 (Not Found)。Webpack hmr：__webpack_hmr 404找不到

這裏是我的webpack.config.js：

var webpack = require('webpack'),

hostname = 'mysite',

port = 8080;

module.exports = {

entry: [

'babel-polyfill',

'./src/js/main.js',

'./dev/requireCss.js',

'webpack/hot/dev-server',

// I'm assuming the fault lies in the following line, but I can't figure out what's wrong

'webpack-hot-middleware/client?path=http://'+hostname+':'+port+'/__webpack_hmr'

output: {

path: __dirname + '/webpack',

filename: "bundle.js",

publicPath: 'http://'+hostname+':'+port+'/'

module: {

loaders: [{

test: /\.jsx?$/,

exclude: /(node_modules|bower_components)/,

loaders: ['react-hot', 'babel-loader?presets[]=react&presets[]=es2015']

} // removed some loaders for brevity

]

resolve: {

extensions: ['', '.json', '.js', '.jsx']

plugins: [

new webpack.HotModuleReplacementPlugin()

devtool: "source-map",

devServer: {

contentBase: __dirname + '/dev',

hot: true,

proxy: [{

path: /\/(?!__webpack_hmr).+/, // I get the same error if I change this to 'path: /\/.+/'

target: 'http://my-backend.localhost'

}]

}

};

的想法是，開發服務器應該轉發，除了從/和__webpack_hmr到我的後端(my-backend.localhost)的所有請求。這適用於除__webpack_hmr之外的所有應用。

有什麼我可以在我的conf中改變，使錯誤消失？

2016-12-27

hansn

hmr webpack 不编译_Webpack hmr：__webpack_hmr 404找不到相关推荐

hmr webpack 不编译_webpack - hmr热更新
文章首发于个人blog,欢迎关注~ webpack hmr webpack-dev-server 在使用 webpack-dev-server 的过程中,如果指定了 hot 配置的话(使用 inlin ...
hmr webpack 不编译_Webpack HMR 热更新实现原理深入分析
概述在使用 Webpack 构建开发期时,Webpack 提供热更新功能为开发带来良好的体验和开发效率,那热更新机制是怎么实现的呢? 代码实现 Webpack 配置添加 HotModuleRepla ...
hmr webpack 不编译_webpack HMR未加载更改
我正在开发一个简单的静态HTML网站 . 现在,只有一个html文件index.html . 使用Webpack 3.10.0 . 我配置了HMR . 当我对其中一个样式表进行更改时,它会按预期重新编 ...
hmr webpack 不编译_webpack hmr
参考: hmr技术支持程序运行时的模块(amd.commonJS等)的修改.添加和删除,而不用整个程序重新加载,这可以提升开发的效率: hmr后程序的状态可以得到保存仅仅改变变化的部分,其余不变调 ...
hmr webpack 不编译_Webpack的HMR原理分析
Webpack的HMR原理分析 module.exports = { entry : { main : './src/main.js', home : './src/home.js', common ...
hmr webpack 不编译_一文搞懂 webpack HMR 原理
关注「前端向后」微信公众号,你将收获一系列「用心原创」的高质量技术文章,主题包括但不限于前端.Node.js以及服务端技术一.HMR Hot Module Replacement(HMR)特性最早由 ...
Webpack 自动刷新和HMR
最近想了解一下webpack的功能,基于现在的4.x版本,过了一遍官方文档,内容实在太多,根本记不住...,不过发现了几个有意思的扩展内容,HMR就是其中之一(另一个是PWA的SW-Service W ...
vue.js解决刷新404找不到页面问题
vue.js解决刷新404找不到页面问题参考文章: (1)vue.js解决刷新404找不到页面问题 (2)https://www.cnblogs.com/Javame/p/11020737.html ...
404 找不到页面_找不到404页面设计，如何创建较大的错误页面
404 找不到页面 What's an error page for you? A reason for feeling confused and annoyed? A bit of a bother ...

hmr webpack 不编译_Webpack hmr：__webpack_hmr 404找不到

hmr webpack 不编译_Webpack hmr：__webpack_hmr 404找不到相关推荐

最新文章

热门文章