Quasar: QInputFrame warning: 'Injection "__field" not found'

[jskrzypek]

Software version

Quasar: quasarframework/quasar-edge#2e51575
OS: Mac OS X Sierra 10.10.25
Node: 6.10.3 & 8.1.4
NPM: 3.10.10(Node 6) & 5.0.3(Node 8)
Browsers: Chrome Version 60.0.3112.66 (Official Build) beta (64-bit)
iOS:
Android:
Any other software related to your bug:

What did you get as the error?

[Vue warn]: Injection "__field" not found

found in

---> <QInputFrame>
       <QUploader>
         <QModal>
           <PageGallery> at /Users/jskrzypek/dev/my-vue-project/src/pages/storage/Gallery.vue
             <QScrollArea>
               <QLayout>
                 <PageStorage> at /Users/jskrzypek/dev/my-vue-project/src/pages/storage/Storage.vue
                   <QLayout>
                     <PageDashboard> at /Users/jskrzypek/dev/my-vue-project/src/pages/dashboard/Dashboard.vue
                       <App> at /Users/jskrzypek/dev/my-vue-project/src/App.vue
                         <Root>

What were you expecting?

No error

What steps did you take, to get the error?

This happens at page load. As you can see above I have an uploader in a modal on a sub-page. I don't know what exactly is causing the error.

Happy to create a repro, I'll try to set one up later if you can't reproduce the bug.

[rstoenescu]

Yes, please provide a repro. Should be easy to fix then. Thanks.

[jskrzypek]

Ok here's the repro repo: https://github.com/jskrzypek/q-input-frame-bug-repro

Instructions:
Clone, npm install, run quasar dev, and then open the console and navigate to http://localhost:8080/#/my-uploader, the error should show up there.

[rstoenescu]

I was just notified of a bug in Vue 2.4.x which breaks inject props.
Downgrade to Vue 2.3.x in your project. Thanks.

[pdanpdan]

The bug in vue is vuejs/vue#6093, but it's about broken inject on merge.
I think the warn on missing inject property will stay after the fix.

[jskrzypek]

Great, thanks 👍

[anhnhoktvn]

The bug in vuejs/vue #6093 has been fixed but I still got the same problem in quasar.

Version:
Vue: 2.4.2
Quasar: edge

[rstoenescu]

Like the forum announcement says: do not upgrade to Vue 2.4.x yet.
Waiting PR to be merged: https://github.com/vuejs/vue/pull/6322
(Another issue with Vue found)

Please follow this forum thread: http://forum.quasar-framework.org/topic/616/do-not-upgrade-to-vue-2-4-x-yet

[guyulmaz]

https://github.com/vuejs/vue/pull/6322
merged!!!

[rstoenescu]

Ok, now waiting for the PR to get into an official Vue release and then v0.14.5 will use this new functionality.

[Zyles]

Same problem with Vue 2.3.3 and q-input ...

[rstoenescu]

@Zyles Vue up to 2.3.4 is safe from this warning. Please check if you indeed use Vue 2.3.3.

[syntacticsolutions]

I have the same problem when I am using autocomplete. I don't get the error if I just use QSearch without QAutocomplete, but then this shows up in my input on page load.

function boundFn(a) { var l = arguments.length; return l ? l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a) : fn.call(ctx) }

I'm also using Vue 2.3.3

[rstoenescu]

@syntacticsolutions Please upgrade to latest Vue.

[syntacticsolutions]

Thanks, I did that and everything is working now. :)

On Jan 11, 2018 8:58 AM, "Razvan Stoenescu" [e-mail]
wrote:

@syntacticsolutions https://github.com/syntacticsolutions Please
upgrade to latest Vue.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/quasarframework/quasar/issues/710#issuecomment-356991825,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ATPUSTOXrmehqaExlLwV3VUrefKCd7Zoks5tJj29gaJpZM4OW8k2
.