Webpack hmr net::ERR_INCOMPLETE_CHUNKED

Webpack hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING

转载作者：行者123 更新时间：2023-12-02 10:32:28

27

4

加载后一切正常，hmr 正在工作。然后就出现这个错误。

GET http://localhost:3000/__webpack_hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING

这就像 webpackdevserver 有点崩溃然后重新启动，需要几秒钟然后 hmr 才能再次工作

[HMR] connected

然后“崩溃”等等......

看来我只在 Chrome(版本 55)中遇到这个问题(用 mozilla 测试，没有出现这个问题)。

我可能在我的 webpack 或 node conf 中遗漏了某些内容，但在文档中找不到某些内容。

知道如何解决这个问题吗？

//webpack 配置下面

const path = require('path');
const merge = require('webpack-merge');
const TARGET = process.env.NODE_ENV;
process.env.BABEL_ENV = TARGET;
const webpack = require('webpack');
const NpmInstallPlugin = require('npm-install-webpack-plugin');

const PATHS =  {
    app: path.join(__dirname, 'client'),
    build: path.join(__dirname, 'build')
};

const common = {
    entry: {
        app: [PATHS.app, 'webpack-hot-middleware/client']
    },

    resolve: {
        extensions: ['', '.js', '.jsx']
    },

    output: {
        path: PATHS.build,
        filename: 'bundle.js',
        publicPath: '/'
    },
    module: {
        loaders: [
            {
                test: /\.css$/,
                loaders: ['style', 'css'],
                include: PATHS.app
            },
            { 
                test: /\.jsx?$/,
                loaders:['babel?cacheDirectory=true'],
                include: PATHS.app
            }
        ]   
    }
};

if(TARGET === 'dev' || ! TARGET) {
    module.exports = merge(common, {
        // devServer: {
        //  contentBase: PATHS.build,
        //  historyApiFallback: true,
        //  hot: true,
        //  inline: true,
        //  progress: true,
        //  stats: 'error-only',
        //  host: 'http://127.0.0.1/',
        //  port: 3000
        // },
        export: {
            isDev: true
        },
        plugins: [
            new webpack.optimize.OccurrenceOrderPlugin(),
            new webpack.HotModuleReplacementPlugin(),
            new webpack.DefinePlugin({
              'process.env.NODE_ENV': JSON.stringify('dev')
            }),
            new NpmInstallPlugin({
                save: true
            })
        ],
        devtool: 'eval-source-map'
    });
}

if(TARGET === "build") {
    module.exports = merge(common, {});
}

//Nodejs 路由

this.app.get('/', function(req,res) {
            res.sendFile(path.join(__dirname, './../../build/index.html'))
        })

//index.html

<!DOCTYPE html>
<html>
    <head>
        <title> Ripple Data Analyzer</title>
    </head>
    <body>
        <div id='root'>
        </div>
        <script src="bundle.js"></script>
    </body>
</html>

//index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App.jsx';

ReactDOM.render(<App/>, document.getElementById('root'));

最佳答案

真正的原因是我在节点服务器上设置了 setTimeout

server.timeout = 100;

关于Webpack hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41579808/

27

4

0

文章推荐： verilog - 如何在FPGA中永久存储数据和程序？

.htaccess - net::ERR_INCOMPLETE_CHUNKED_ENCODING
我使用 .htaccess 将 url 从 someurl.com/重写为 someurl.com/public/。 www root 中的第一个 .htaccess 包含以下内容: Director
Webpack hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING
加载后一切正常，hmr 正在工作。然后就出现这个错误。 GET http://localhost:3000/__webpack_hmr net::ERR_INCOMPLETE_CHUNKED_ENCO
php - ERR_INCOMPLETE_CHUNKED_ENCODING Chrome 根页面加载
我有一个灯塔上的网站，除了我的根 .htaccess 中存在的 FallbackResource/index.php 之外几乎没有额外的配置当我在 Chrome 中加载根页面 (localhost)
ubuntu - ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK) - 页面未在生产中显示
当我尝试打开一些子页面(这里不是所有的子页面，只有几个)时，我在控制台上出现以下错误并且子页面没有加载: jquery-3.4.1.js:9837 获取 https://myWebSite.com/A
ruby-on-rails - 净::ERR_INCOMPLETE_CHUNKED_ENCODING Nginx
我在 2 个不同的服务器上托管了 2 个 RoR Web 应用程序。对于一个特定页面，请求由第二个应用程序提供。对于其余页面，请求由主应用程序提供。主应用程序的 Nginx 设置 location
google-chrome - 无法加载资源:net::ERR_INCOMPLETE_CHUNKED_ENCODING
我的应用程序没有加载 View (有时)时遇到了一些问题。我正在运行带有 php-fpm 和 nginx(php5.6.8 和 nginx 1.8.0)的 Debian 服务器，两者都是从源代码编译
php - net::ERR_INCOMPLETE_CHUNKED_ENCODING 是什么意思，我该如何解决？
我正在编写一个从 Bing Ads API 生成报告的网络应用程序，按照此处看到的示例: http://msdn.microsoft.com/en-us/library/bing-ads-report
php - FallbackResource 导致 net::ERR_INCOMPLETE_CHUNKED_ENCODING
当我使用仅包含这一行的 .htaccess 时: FallbackResource index.php 我只在 Chrome 上遇到这个错误: net::ERR_INCOMPLETE_CHUNKED
php - ERR_INCOMPLETE_CHUNKED_ENCODING 在全新的 Laravel 安装上
这只发生在 Google Chrome 和 Chromium 上，并且全新安装了 Laravel。页面显示空白，在控制台中显示: (failed) net::ERR_INCOMPLETE_CHUNK
php - Chrome net::ERR_INCOMPLETE_CHUNKED_ENCODING 错误
在过去的两个月里，我在 Chrome 的开发者控制台上收到以下错误: net::ERR_INCOMPLETE_CHUNKED_ENCODING 症状: 页面未加载。截断的 CSS 和 JS 文件。
php - Nginx Net::ERR_INCOMPLETE_CHUNKED_ENCODING 试图显示大 JSON
你好，我正在尝试使用 php 显示大型 json，但是当 JSON 文件很大时，我得到 Net::ERR_INCOMPLETE_CHUNKED_ENCODING 并查看 "/var/lib/nginx
java - 使用 DefaultStreamedContent 在某些文件中返回 net::ERR_INCOMPLETE_CHUNKED_ENCODING
我正在尝试发送要在媒体 pdf 查看器中显示的 pdf 文件。但每次我尝试显示大于 500Kb 的文件时，它总是返回此错误。 net::ERR_INCOMPLETE_CHUNKED_ENCODING
javascript - Vue.js net::ERR_INCOMPLETE_CHUNKED_ENCODING Webpack 错误
在 Chrome 58.0.3029 上使用 Vue.js 2.3.4 进行开发时，我不断在开发者工具控制台中收到此错误: 无法加载资源:net::ERR_INCOMPLETE_CHUNKED_ENC
c# - IIS 和 Chrome:无法加载资源:net::ERR_INCOMPLETE_CHUNKED_ENCODING
我最近遇到了一个 Chrome 问题，我认为它值得与您分享。我使用 HttpHandler 开发了一个自写的 API，主要应该返回 json 数据。但是当发生错误时，我想显示一个 html 文件。这
java - JSP Tomcat 和 chrome:net::ERR_INCOMPLETE_CHUNKED_ENCODING 200
大家好，我正在用 tomcat 在 jsp 中开发一个 Web 应用程序，但是如果我用 chrome 显示我的一个页面，我会遇到一个奇怪的问题。请求到servlet后，通过如下代码将页面重定向到js
javascript - 我的第一个 Node.js 服务器:加载资源失败:net::ERR_INCOMPLETE_CHUNKED_ENCODING
以下服务器应该: 案例 #1:如果请求是 http://localhost:8080，则提供 mysitename.html CASE #2:如果请求是，则提供相关文件http://localhost
php - 是什么导致 chrome 出现 "unexpectedly closed the connection ERR_INCOMPLETE_CHUNKED_ENCODING"
在本地服务器环境下访问我的test.php，chrome不会加载页面。 "; echo ""; echo "Hello World"; echo ""; echo ""; ?> 最佳答
google-chrome - 自升级到 Laravel 4.1 以来，net::ERR_INCOMPLETE_CHUNKED_ENCODING
我最近将应用程序升级到 Laravel 4.1，然后开始收到此错误(仅限 Chrome) net::ERR_INCOMPLETE_CHUNKED_ENCODING 在控制台日志中。我在 Laravel
java - 在 JSTL 中传递 boolean 值时，无法加载资源:net::ERR_INCOMPLETE_CHUNKED_ENCODING
我正在尝试根据 boolean 字段的值显示 html 标签。使用 modelAttribute 将值从 Spring Controller 传递到 View 。代码片段如下: Vat
java - net::ERR_INCOMPLETE_CHUNKED_ENCODING 使用 JSP 的 SPRING MVC 应用程序
我已经使用 SPRING MVC 和 JSP 开发了一个 Web 应用程序，现在这些应用程序在本地运行得非常好，但是当我部署到服务器上时，我收到了这个错误。没有任何内容被加载。除登录页面外，所有页面

首页

博学

6Ren·AI

商城

Webpack hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING