尝试启动我的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（），^

TypeError：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');