從Webpack 3遷移到Webpack 4

Question

我正在嘗試遷移到Webpack 4，但這是一個真正的痛苦。 經過幾天的工作將Webpack 3插件移動到Webpack 4本機的東西，我認為js被渲染得很好，但當我去我的網站時，我在控制台上收到了這條消息：

Uncaught TypeError: (intermediate value)(intermediate value).push is not a function

上：

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["Index"],{

這是我的Webpack output設置：

output: {
    filename,
    path: path.resolve(__dirname, 'public', 'build', 'js'),
    jsonpFunction: 'webpackJsonp', // TODO gotta figure that out
},

我究竟做錯了什么？

Answer 1

剛剛遇到同樣的問題，我找到了這個帖子https://github.com/webpack/webpack/issues/6985

當你有與Webpack <4捆綁在一起的模塊時，似乎會發生這種情況。如果它可以提供任何幫助，我會在這里發布它。

將output.jsonpFunction https://webpack.js.org/configuration/output/#output-jsonpfunction更改為jsonpFunction解決了它：

{
  output: {
    jsonpFunction: 'jsonpFunction',
    ...
  }
}

歸功於@sokra（Webpack的創建者）： https ： //github.com/webpack/webpack/issues/6985#issuecomment-380795070