WebpackOptionsValidationError:配置插件[12]缺少适用的属性

时间:2019-12-04 10:58:30

标签: node.js vue.js webpack vuetify.js

我最近将我的项目从vuetify 1.5升级到了2.1。我还更新了必需的依赖项,并在devdependencies中安装了光纤,deepmerge,sass和sass-loader。      现在,当我运行“纱线投放”时,会引发以下错误。


    WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
     - configuration.plugins[12] misses the property 'apply'.
           function
       -> The run point of the plugin, required method.
    WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
     - configuration.plugins[12] misses the property 'apply'.
       function
       -> The run point of the plugin, required method.
        at webpack (/home/usman/projects/project-crm/frontend/node_modules/webpack/lib/webpack.js:31:9)
        at serve (/home/usman/projects/project-crm/frontend/node_modules/@vue/cli-service/lib/commands/serve.js:137:22)
        at processTicksAndRejections (internal/process/task_queues.js:93:5)
    error Command failed with exit code 1.

我不知道此错误发生在哪里。我在互联网上搜索,但没有找到解决方案 这个错误...

configuration.plugins[12] misses the property 'apply'.

1 个答案:

答案 0 :(得分:0)

好吧,人们!!! 我找到了一个解决方案(技巧)。当然,这是我看待的一种技巧,但对我来说绝对有效。请记住,由于从vuetify 1.5升级到2.1,因此发生了此错误。 我采取的步骤是

  • 使用最新的Vue和Vuetify创建了一个新项目(名称= candy)。

  • 在此新项目中安装了所有依赖项和devDependencies(在我的情况下为candy),这是我在原始项目的package.json文件中拥有的。

  • 您可以打开原始项目的package.json文件,并在新项目(candy)中打开终端,然后运行命令“ yarn add”原始项目中的软件包名称”或“ npm安装“软件包名称”。

  • 然后复制此(candy)package.json文件并将其粘贴到我的原始项目文件夹中,并将这些文件和文件夹重命名为old。

  • 文件和文件夹== node_modules到node_modules_old,package.json到package_old.json,vue.config.js到vue.config_old.js,yarn.lock到yarn_old.lock ..

  • 仅将candy项目的package.json复制到原始项目的文件夹中。

  • 运行命令“ yarn install”或“ npm install”。

  • 服务器现在运行。

此外,您将必须根据项目设置代码。它可以大部分位于vue.config.js中,也可以位于babel配置文件或webpack.config.js中。