模块 '"vee-validate"' 没有导出的成员 'ValidationProvider'答案

【问题标题】：Module '"vee-validate"' has no exported member 'ValidationProvider'模块 '"vee-validate"' 没有导出的成员 'ValidationProvider'
【发布时间】：2021-11-19 16:02:29
【问题描述】：

我正在尝试对“vee-validate”进行本地注册。但我得到模块'“vee-validate”'没有导出成员'ValidationProvider'。

这是我在代码中所做的：

ContactForm.vue

<script lang="ts">
import { Vue, Component} from 'nuxt-property-decorator';
import { ValidationProvider } from 'vee-validate';
@Component({
    name : "ContactForm",
    components: {
        ValidationProvider, 
        ValidationObserver
    }
})

package.json 文件

"vee-validate": "^3.4.13",

vee-validate.js

import { extend } from "vee-validate";
import { email, required } from "vee-validate/dist/rules";

extend("required", {
  ...required,
  message: "This field is required",
});

extend("email", {
  ...email,
  message: "Invalid email",
});

【问题讨论】：

标签： vue.js nuxt.js vee-validate

【解决方案1】：

通常你会在全局范围内进行这种配置，我想它在本地也应该能正常工作

import { ValidationObserver, ValidationProvider } from 'vee-validate'
import Vue from 'vue'
Vue.component('ValidationProvider', ValidationProvider)

查看文档，看来我的方法仅适用于全局使用，而您的方法应该可以用于本地使用。

你确定你已经添加了

transpile: ["vee-validate/dist/rules"],

到您的nuxt.config.js 文件？

编辑

Nvm，你自己找到了解决办法。

【讨论】：

感谢您的宝贵时间。只是编辑说的，至少我从你那里得到了一些新信息

【解决方案2】：

只需重新启动编辑器，它就可以正常工作了

【讨论】：