javascript - 尝试启动我的 React 应用程序时出现异常错误。它说 CleanWebpackPlugin 不是构造函数

Question

所以，我之前用相同类型的 webpack 配置制作了一个 React 应用程序，但这是我第一次看到这个。干净的 webpack 插件显示该类没有构造函数，即使它有。

我试图查看是否存在任何导入问题或类似问题，但一切都已检查完毕。

const path = require('path');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: {
    app: './src/index.js',
    style: './src/style.less'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      },
      {
          test: /\.less$/,
          use: [{
              loader: 'style-loader'
          },
          {
              loader: 'css-loader'
          },
          {
              loader: 'less-loader'
          }
        ]
      }
    ]
  },
  plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      template: './public/index.html'
    }),
  ],
  output: {
    filename: '[name].bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
};

这是我在终端上遇到的错误

新的 CleanWebpackPlugin(), ^

类型错误:CleanWebpackPlugin 不是构造函数

Answer 1

检查你的版本。

clean-webpack-plugin最新版本是3.0.0，用法是

const {CleanWebpackPlugin} = require('clean-webpack-plugin');

clean-webpack-plugin 之前的版本是2.0.2，用法是

const CleanWebpackPlugin = require('clean-webpack-plugin');