reactjs - 无法将 react-intl-webpack-plugin 与 create-react-app 一起使用

Question

我想使用 react-intl-webpack-plugin 将来自 babel-plugin-react-intl 的消息合并到一个消息文件中。我已经配置了 webpack.config.dev.js，但是，当我运行“yarn start”时，出现以下错误：

Cannot read property 'compilation' of undefined

我根据说明设置了 react-intl-webpack-plugin。webpack.config.dev.js 中的相关配置如下所示：

const ReactIntlPlugin = require('react-intl-webpack-plugin');
...
module.exports = {
  ...
  resolve: {
    ...
    plugins: [
      new ReactIntlPlugin()
    ],
  },
  module: {
    ...
    // Process JS with Babel.
    {
      test: /\.(js|jsx|mjs)$/,
      include: paths.appSrc,
      loader: require.resolve('babel-loader'),
      options: {
        cacheDirectory: true,
        metadataSubscribers: [ReactIntlPlugin.metadataContextFunctionName],
        presets: ['env', 'react-app'],
        plugins: [
          'transform-runtime',
          ['react-intl', {
            'messagesDir': './public/messages/',
            'enforceDescriptions': false
          }]
        ]
      },
...

我的项目是由 create-react-app 创建的，然后弹出。webpack 和 react-intl-webpack-plugin 的版本分别是 3.8.1 和 0.3.0。

谢谢你。