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'
  },

但应该更像这样：

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

未捕获的TypeError：无法读取未定义的属性'webpackHotUpdate'

webpack.config.js

1 个答案: