未捕获的类型错误：无法读取未定义的属性“webpackHotUpdate”

Question

当浏览器点击“webpackified”文件中的以下行时，我收到此错误app.js：

/******/ (function(modules) { // webpackBootstrap
/******/    function hotDisposeChunk(chunkId) {
/******/        delete installedChunks[chunkId];
/******/    }
/******/    var parentHotUpdateCallback = this["webpackHotUpdate"];

在此片段的最后一行中，this未定义。

尽管出现此错误，该应用程序似乎运行得很好。

我不确定webpack.config.js文件的哪些部分最相关，但以下是一些可能相关的片段：

webpack.config.js

const HotModuleReplcement = new webpack.HotModuleReplacementPlugin();

...

module.exports = {

  ...

  devServer: {
    historyApiFallback: true,
    hot: true,
    inline: true,
    port: 8000,
    open: true,
    proxy: [{
      context: ['/assets', '/api'],
      target: 'http://localhost:4000',
      secure: false
    }]
  },
  plugins: [HotModuleReplcement, HtmlWebpack]
};

知道这里发生了什么吗？

Answer 1

核心问题是"this"应该"self"针对网页（而不是节点）。

webpack.config.js 不应该是：

output: {
    path: 'dist',
      filename: '[name].js',
      publicPath: '/',
      globalObject: 'this' // do no do "this"
  },

但应该更像这样：

output: {
    path: 'dist',
      filename: '[name].js',
      publicPath: '/',
      globalObject: 'self'
  },

更多来自 webpack.js.org