ant design vue pro, webpack.IgnorePlugin

最新推荐文章于 2024-09-27 11:03:44 发布

夹心Cookie

最新推荐文章于 2024-09-27 11:03:44 发布

阅读量1.1k

点赞数

文章标签：前端框架 webpack

本文链接：https://blog.csdn.net/yangetha/article/details/124324041

版权

在尝试运行ant design vue pro项目时遇到报错，问题根源在于webpack配置中的IgnorePlugin。通过查阅文档并实施解决方案，可以使用webpack.IgnorePlugin来避免错误，从而成功启动项目。

摘要由CSDN通过智能技术生成

项目场景：

尝试ant design vue pro ，安装好项目run serve报错

问题描述

yarn run v1.22.18 $ vue-cli-service serve ERROR Error loading vue.config.js: ERROR ValidationError: Invalid options object. Ignore Plugin has been initialized using an options object that does not match the API schema. - options should be one of these: object { resourceRegExp, contextRegExp? } | object { checkResource }

原因分析：

定位到 vue.config.js 中的问题位置 webpack.IgnorePlugin

plugins: [
      // Ignore all locale files of moment.js
      new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
      new webpack.DefinePlugin({
        APP_VERSION: `"${require('./package.json').version}"`,
        GIT_HASH: JSON.stringify(getGitHash()),
        BUILD_DATE: buildDate
      })
    ]

解决方案：

看看帮助文档，然后惯例ctrl+c,ctrl+vwebpack.IgnorePluginhttps://webpack.docschina.org/plugins/ignore-plugin/

plugins: [
      // Ignore all locale files of moment.js
      // new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
      new webpack.IgnorePlugin({
        resourceRegExp: /^\.\/locale$/,
        contextRegExp: /moment$/
      }),
      new webpack.DefinePlugin({
        APP_VERSION: `"${require('./package.json').version}"`,
        GIT_HASH: JSON.stringify(getGitHash()),
        BUILD_DATE: buildDate
      })
    ],