首页 > 解决方案 > Webpack:HMR 更新检查失败错误:Manifest Request to ..... 在 XMLHttpRequest 处超时

问题描述

所以我通过工作获得了这个开发环境,有时我可以在不重新启动服务器的情况下运行 20 分钟左右,但大多数时候它的每一个小变化。这是弹出的错误信息 在此处输入图像描述

这是我的 webpack 配置

var webpack = require("webpack");
var path = require("path");
var SaveHashes = require("assets-webpack-plugin");
var config = require("config");

//used to read in command line args
const args = require('yargs').argv;

var useConfig;

if (args.env && args.env.useConfig){
    useConfig = args.env.useConfig; //must match a key of a configuration
} else {
    useConfig = config.get("useConfig"); //must match a key of a configuration
}

//define config object
var configuration = config.get(useConfig); //the configuration object that has the key of useConfig

var router = ["regenerator-runtime/runtime", "./react/router.jsx"];

if (configuration.router) {
    router = configuration.router;
}

//define global webpack variables that go into definePlugin
var release = (args.env && args.env.BUILD_RELEASE === "true");

var definePlugin = new webpack.DefinePlugin({
    __DEV__: !release,
    __RELEASE__: release,
    __HMR__: true
});

module.exports = {
    entry: {
        router: router
    },
    output: {
        path: path.join(__dirname, "public", "javascripts"),
        filename: "router-bundle.js",
        publicPath: "http://<IP>:8080/javascripts/" // Relative to public folder
    },
    module: {
        loaders: [
            { test: /\.(wav|ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, loader: "file-loader" },
            { test: /\.pug$/, loader: "pug-loader" },
            { test: /\.css$/, loader: "style-loader!css-loader" },
            { test: /\.scss$/, loader: "style-loader!css-loader!sass-loader" },
            { test: /\.(png|jpg)$/, loader: "url-loader?limit=32768" },
            {
                test: /.jsx?$/,
                loader: "babel-loader",
                exclude: /node_modules/,
                query: { presets: ["env", "react", "stage-2"] }
            },
            {
                test: /.js?$/,
                loader: "babel-loader",
                exclude: /node_modules/,
                query: { presets: ["env", "react", "stage-2"] }
            },
            { test: /\.json$/, loader: "json-loader" }
        ]
    },
    node: { fs: "empty" },
    externals: {
        react: "React",
        "react-dom": "ReactDOM",
        uiplugin: "UIFactory",
        "./cptable": "var cptable",
        "./jszip": "jszip"
    },
    resolve: {
        extensions: ["*", ".js", ".jsx"]
    },
    plugins: [definePlugin]
};

我尝试了 publicPath 值的不同变体以及其他不同的配置,但无济于事!

webpack 版本出现 3.9.1

一个更快的开发过程,我每次保存文件时都不必重新启动 HMR 会很好!

标签: javascriptnode.jswebpackwebpack-dev-servermern

解决方案


推荐阅读