javascript - Vee-validate: Getting "TypeError: checks is null" error when using v-validate directive

Question

I am using vee-validate in my VueJs 2 project. The problem is that, whenever I am using the v-validate directive in the input field, I am getting below error in my console window:-

[Vue warn]: Error in directive validate bind hook: "TypeError: checks is null"

What could be the reason for this error? I've already imported the vee-validate module in my app.js file and I am using the directive in my form component.