Vue 3 和 Vuetify 3 Alpha:ValidationError:进度插件无效选项

Posted

技术标签:

【中文标题】Vue 3 和 Vuetify 3 Alpha:ValidationError:进度插件无效选项【英文标题】:Vue 3 and Vuetify 3 Alpha: ValidationError: progress plugin invalid options 【发布时间】:2021-12-24 02:51:12 【问题描述】:

创建 Vue 3 项目后,添加 Vuetify 3 Alpha,当我运行“npm run serve”时,这是我得到的错误。我尝试不添加 Vuetify 3 Alpha 并且 Vue 3 项目启动正常,只是在添加 Vuetify 之后出现错误。

INFO  Starting development server...
ERROR  ValidationError: Progress Plugin Invalid Options

    options should NOT have additional properties
    options should NOT have additional properties
    options should NOT have additional properties
    options should pass "instanceof" keyword validation
    options should match exactly one schema in oneOf

ValidationError: Progress Plugin Invalid Options

options should NOT have additional properties
options should NOT have additional properties
options should NOT have additional properties
options should pass "instanceof" keyword validation
options should match exactly one schema in oneOf

at validateOptions (c:\wamp64\www\vuetify-3\node_modules\webpack\node_modules\schema-utils\src\validateOptions.js:32:11)
at new ProgressPlugin (c:\wamp64\www\vuetify-3\node_modules\webpack\lib\ProgressPlugin.js:62:3)
at new Progress (c:\wamp64\www\vuetify-3\node_modules\progress-webpack-plugin\index.js:25:21)
at new progressPlugin (c:\wamp64\www\vuetify-3\node_modules\progress-webpack-plugin\index.js:127:10)
at c:\wamp64\www\vuetify-3\node_modules\webpack-chain\src\Plugin.js:14:18
at Object.toConfig (c:\wamp64\www\vuetify-3\node_modules\webpack-chain\src\Plugin.js:78:22)
at c:\wamp64\www\vuetify-3\node_modules\webpack-chain\src\Config.js:129:63
at Array.map (<anonymous>)
at module.exports.toConfig (c:\wamp64\www\vuetify-3\node_modules\webpack-chain\src\Config.js:129:40)
at Service.resolveWebpackConfig (c:\wamp64\www\vuetify-3\node_modules\@vue\cli-service\lib\Service.js:261:34)

【问题讨论】:

【参考方案1】:

运行vue add vuetify后我遇到了同样的错误

运行 npm update 并重新创建项目。

同时确保您使用的是以下最新版本。

node -v && vue -V && npm -v
v17.0.1 @vue/cli 5.0.0-rc.0 8.1.0

【讨论】:

嗨,感谢您的帮助,我设法通过了这个错误。 我遇到了另一个问题,我的组件没有被加载。你有同样的问题吗? 嗯,也许吧?我的 html 显示时没有 vuetify,这就是将它设置为一个新项目为我解决了它。所以我的组件在哪里加载.. 检查你的路由器设置可能吗?

以上是关于Vue 3 和 Vuetify 3 Alpha:ValidationError:进度插件无效选项的主要内容,如果未能解决你的问题,请参考以下文章

Vuetify 文本字段在一行

Storybook 不支持 vuetify 的 v-calendar

在 webpack 构建期间 Vuetify CSS 更改顺序

如何使用 Vuetify 网格系统循环显示卡片组件?

Vue / Vuetify:获取 v-flex 的尺寸

使用 Vue 测试工具和 Jest 测试 Vuetify 表单验证