类型错误：compiler.plugin不是ReactLoadablePlugin.apply的函数

html5 • • 问答

我想使用 Webpack 的 React Loadable 在 ReactJs 中实现 SSR。下面是 package.json 文件中的几行：

const { ReactLoadablePlugin } = require('react-loadable/webpack');
plugins:[
    new ReactLoadablePlugin({
        filename: path.resolve(__dirname, 'dist', 'react-loadable.json')
    }),
]

但我收到以下错误：

> [webpack-cli] TypeError: compiler.plugin is not a function
at ReactLoadablePlugin.apply

我该如何解决？

回答

我有同样的错误，但
在NodeJs 中使用Webpack 5依赖webpack-shell-plugin，所以我的解决方法是删除webpack-shell-plugin并添加webpack-shell-plugin-next：

npm install --save-dev webpack-shell-plugin-next

webpack.config.js文件：

const WebpackShellPluginNext = require('webpack-shell-plugin-next');

module.exports = {
 ...
plugins: [
    new WebpackShellPluginNext({
      onBuildStart:{
        scripts: ['echo "===> Starting packing with WEBPACK 5"'],
        blocking: true,
        parallel: false
      },
      onBuildEnd:{
        scripts: ['npm run yourCommand'],
        blocking: false,
        parallel: true
      }
    })
  ]
}

我希望此修复程序可以帮助您或可以帮助某人。

以上是类型错误：compiler.plugin不是ReactLoadablePlugin.apply的函数的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>