如何修复"TypeError: plugin is undefined" VeeValidate 与 Vue 一起使用时出现的错误

Question

当我添加：

Vue.use(VeeValidate);

我的 Vue 页面显示为空白，并显示控制台错误：

TypeError: plugin is undefined

我发现以下内容具有相同的错误：

Vue 插件 vee-验证未正确安装

但我没有在我的 .vue 文档中的任何地方使用 => 语法。

vee-validate 3.0.3， Vue 2.6.10

完整的主.js文件：

import Vue from 'vue'
import VeeValidate from 'vee-validate';
import App from './App.vue'
Vue.config.productionTip = false
Vue.use(VeeValidate);
new Vue({
render: h => h(App),
}).$mount('#app')

在我的 App.vue 文件中，我确实包含 ValidationProvider 作为组件：

<script>
import CriteriaDataModel from './data-model/criteria-data-model.js';
import UserDataModel from './data-model/user-data-model.js';
import { ValidationProvider } from 'vee-validate';
export default {
name: 'app',
data: function() {
return {
criteriaModel: CriteriaDataModel,
completeMessage: null,
form: {
user: UserDataModel
}
};
},
components: {
ValidationProvider
}
};
</script>

我还尝试将我的 Vue 初始化更改为这个，而没有它帮助：

new Vue({
render: function (h) { return h(App) },
}).$mount('#app')

我观察到 VeeValidate 在node_module中有很多"=>"语法的用法(在另一个堆栈溢出中被引用为问题(，但由于目的是将其用于 Vue，我怀疑这是否是问题所在。

Answer 1

我想通了。 Vee-validate 的默认导出似乎为空。 我将导入更改为：

import * as VeeValidate from 'vee-validate';