vue-query-builder
vue-query-builder copied to clipboard
Vue Query Builder is not loading. TypeError: Cannot read property '0' of undefined
Hi Friend,
I have the following inconvenience when using VueQueryBuilder, the following two errors occur:
-
errorLog.js: 17 TypeError: Cannot read property '0' of undefined at VueComponent.data (VueQueryBuilder.common.js: 5159) at VueComponent.mergedDataFn (vue.esm.js: 1168) at getData (vue.esm.js: 3417) at initData (vue.esm.js: 3374) at initState (vue.esm.js: 3311) at VueComponent.Vue._init (vue.esm.js: 4628) at new VueComponent (vue.esm.js: 4798) at createComponentInstanceForVnode (vue.esm.js: 4310) at init (vue.esm.js: 4131) at createComponent (vue.esm.js: 5608) "data ()"
-
TypeError: Cannot read property 'text' of undefined at VueQueryBuilder.common.js: 5213 at Array.forEach (
) at VueComponent.mergedRules (VueQueryBuilder.common.js: 5212) at Watcher.get (vue.esm.js: 3142) at Watcher.evaluate (vue.esm.js: 3249) at VueComponent.computedGetter [as mergedRules] (vue.esm.js: 3507) at VueComponent.vqbProps (VueQueryBuilder.common.js: 5227) at Watcher.get (vue.esm.js: 3142) at Watcher.evaluate (vue.esm.js: 3249) It was working fine, even before checking out the git repository.
What do you think? Thank you
Hey @chandero - sorry about this. How are you loading the query builder? Are you able to put up a demo on CodeSandBox (or something similar like Codepen)?
I'll give it a shot myself too - I recently pushed up a major refactor, and things worked for me locally but perhaps I need to test it as a consumer as well.
@chandero Hello, I also encountered the same problem. How did you solve it?
Hello, I just went back to review the instructions for use of the component and observed that there were some changes which apply, specifically in the rules.
@justonep if you can reproduce the issue on https://codesandbox.io or something similar, I'm happy to investigate further!
I copied the following code completely:
https://codesandbox.io/s/vue-query-builder-demo-tailwind-82tun?from-embed
regAnalysis.vue == your project's APP.vue
I'm sorry that this scene can't be reproduced in codesandbox.io, it only appears in my own project.