Subscribe on changes!

method on ref child component is undefined in production

avatar
Aug 7th 2022

Vue version

3.2.37

Link to minimal reproduction

https://github.com/paul-thebaud/bug-ref-vue-vuetify

Steps to reproduce

Init a Vue 3 and Vuetify 3 app. Add a simple text field with a ref on it, log the proxy and the validate property of ref. The property is defined on dev, but not on production build.

Please check out the readme of the reproduction repository for more details.

What is expected?

Validate method should be accessible on production build too.

What is actually happening?

The method is undefined the proxied object looks different than in dev mode.

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04.1 LTS 22.04.1 LTS (Jammy Jellyfish)
    CPU: (12) x64 AMD Ryzen 5 4600H with Radeon Graphics
    Memory: 1.91 GB / 15.01 GB
    Container: Yes
    Shell: 5.8.1 - /usr/bin/zsh
  Binaries:
    Node: 16.14.0 - ~/.nvm/versions/node/v16.14.0/bin/node
    Yarn: 1.22.15 - ~/.nvm/versions/node/v16.14.0/bin/yarn
    npm: 8.5.4 - ~/.nvm/versions/node/v16.14.0/bin/npm
  Browsers:
    Chrome: 104.0.5112.79
    Firefox: 103.0.1
  npmPackages:
    vue: ^3.2.37 => 3.2.37

Any additional comments?

No response

avatar
Aug 7th 2022

If that only happens wkth vuetify components, please open an issue with them first.

avatar
Aug 7th 2022

Thanks @LinusBorg, I asked to the Vuetify team.