做 vue add vuetify 时出错（vue3 预览）

Posted 2023-03-16

【中文标题】做 vue add vuetify 时出错（vue3 预览）

【英文标题】：Errors while doing vue add vuetify(vue3 preview)

【发布时间】：2020-12-12 01:17:40

【问题描述】：

我尝试使用vuecli 启动vue3 项目，但是当我添加vuetify 时，出现错误而使用vue2 时一切正常。它说

错误：您不能在没有路径的集合上调用“get”。反而， 首先检查“length”属性以验证至少存在 1 个路径。

有人遇到同样的问题，求解决办法，谢谢。

【问题讨论】：

看看这是否对您有帮助 gitmemory.com/issue/vuetifyjs/vue-cli-plugins/140/671288792，如果它确实添加了您的答案，以便其他人可以从中受益。

不要害怕研究并找到答案并发布它。你可以这样做

【参考方案1】：

出现提示时，选择 Vuetify 3 Preview (Vuetify 3)

【讨论】：

如果您可以添加一些有关如何解决 OP 问题的详细信息会更有帮助。

【参考方案2】：

将以下内容添加到main.js。可以解决问题

new Vue(
    router,
    store,
    vuetify,
    render: h => h(App)
).$mount("#app");

【参考方案3】：

Vue 创建

使用 vue 版本 2

安装后运行 vue add vuetify

错误解决

【参考方案4】：

在这个链接https://vuetifyjs.com/en/getting-started/installation/ Vuetify 说：

当前版本的 Vuetify 不支持 Vue 3。对 Vue 3 的支持将随着 Vuetify v3 的发布而提供。创建新项目时，请确保您从 Vue CLI 提示中选择了 Vue 2，或者您正在安装到现有的 Vue 2 项目。

【参考方案5】：

如果您想使用 'Vue-3 + Vuetify' 排除 TypeScript 稍后您可以在完成初始化并添加 'vue add vuetify' 时包含。

【参考方案6】：

vue3 给出了这个错误，因为 vue3 是 beta 版本，如果你使用 vue2 就可以解决你的问题。这个解决方案解决了我的错误。

【参考方案7】：

尝试使用 vue2 版本创建 vue 实例。我也遇到了同样的错误，vue2 阻止了这个错误。