vue 项目启动报错options[0] misses the property 'patterns'怎么办?

Question

报错
```ValidationError: Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema.

• options[0] misses the property 'patterns'. Should be: ```已参考的文章 https://blog.csdn.net/LLL_liuhui/article/details/103910345?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160367580619724838564744%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=160367580619724838564744&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v28-1-103910345.first_rank_ecpm_v3_pc_rank_v2&utm_term=CopyWebpackPlugin+is+not+defin&spm=1018.2118.3001.4187

以及
https://www.npmjs.com/package/copy-webpack-plugin
以上说到的方法都有尝试还是无法解决问题

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

module.exports = {
  context: path.resolve(__dirname, '../'),
  configureWebpack:{
    plugins: [
      new CopyPlugin({
        patterns: [
          { from: 'source', to: 'dest' },
          { from: 'other', to: 'public' },
        ],options: {
          concurrency: 100,
        },
      }),
    ],
  },
}

有没有大佬可以看下到底是哪里的问题?

Answer 1

参考GPT和自己的思路：

根据你提供的信息和代码片段，可以看出问题在于CopyPlugin的配置项中缺少了patterns属性，导致初始化不符合API架构。你需要将patterns属性添加到配置中，将它设置为一个数组，数组中包含一个或多个对象，每个对象都描述了需要复制的文件或文件夹的源路径和目标路径。

你的代码示例已经包含了patterns属性，但是它们是包含在CopyPlugin的选项对象中的，而不是直接作为plugins数组的一部分。这是一个常见的错误，因为CopyPlugin选项被声明为一个对象，而不是数组。为了解决这个问题，你应该将CopyPlugin选项合并到plugins数组中，同时确保patterns属性是一个顶级属性，而不是选项对象的一个属性。

下面是修改后的代码示例：

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

module.exports = {
  context: path.resolve(__dirname, '../'),
  configureWebpack:{
    plugins: [
      new CleanWebpackPlugin(),
      new webpack.ProgressPlugin(),
      new CopyPlugin({
        patterns: [
          { from: 'source', to: 'dest' },
          { from: 'other', to: 'public' },
        ],
        options: {
          concurrency: 100,
        },
      }),
    ],
  },
}

现在你的CopyPlugin应该能够正常工作了。如果还有其他问题，可以尝试查看完整的Webpack配置和错误日志，寻找其他可能的原因。