Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '_c') at Proxy.o

[hakuna0829]

I've installed this package(vue-json-editor) in the vue quasar project.
https://github.com/Kassaila/vue-json-editor
Here is the dependency list.

"dependencies": {
    "@kassaila/vue-json-editor": "^0.4.0",
    "@quasar/extras": "^1.0.0",
    "core-js": "^3.6.5",
    "lodash": "^4.17.21",
    "quasar": "^2.0.0",
    "vue-i18n": "^9.0.0",
    "vuex": "^4.0.1"
  },
  "devDependencies": {
    "@babel/eslint-parser": "^7.13.14",
    "@quasar/app": "^3.0.0",
    "eslint": "^7.14.0",
    "eslint-config-standard": "^16.0.2",
    "eslint-plugin-import": "^2.19.1",
    "eslint-plugin-node": "^11.0.0",
    "eslint-plugin-promise": "^5.1.0",
    "eslint-plugin-vue": "^7.0.0",
    "eslint-webpack-plugin": "^2.4.0"
  }

I've followed readme like this.

<template>
  <json-editor :data-input="dataInput" @data-output="(data) => (dataOutput = data)"> </json-editor>
</template>
<script>
  import JsonEditor from '@kassaila/vue-json-editor';

  export default {
      ...
      components: {
        JsonEditor,
      },
      data() {
          return {
              dataInput: {
                name: 'Taras',
                age: 28,
                address: [
                  'Ukraine',
                  {
                    city: 'Kharkiv',
                  },
                ],
                others: {
                  id: 1246,
                  time: new Date(),
                  description: 'last example run',
                  pattern: /abc/g,
                },
              },
              dataOutput: {},
          };
      },
  }
</script>

But it occurs the TypeError like the title.
Is there anyone who help to solve this issue?
Thanks

[MilosPaunovic]

As I can see from the package.json file of the library you're using (vue-json-editor) they have [email protected] as a dependency, and Quasar@2 is utilizing Vue@3.

So, my suggestion would be to search for Vue3 compatible library.
https://www.npmjs.com/package/vue3-json-editor

[hakuna0829]

@MilosPaunovic
Thanks for your quick message.
I removed the old one and installed vue3 version again.
https://www.npmjs.com/package/vue3-json-editor
I followed the readme file but still get this console issue.

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'getMode')

In the view, there is only save button.

Please guide me.

[yusufkandemir]

@hakuna0829 this error is different. Please follow joaomede/vue3-json-editor#9 for updates.

[hakuna0829]

@yusufkandemir Thanks, but I can't find the solution there, too. joaomede/vue3-json-editor#9

…

On Sat, Jan 29, 2022 at 4:20 PM Yusuf Kandemir ***@***.***> wrote: @hakuna0829 <https://github.com/hakuna0829> this error is different. Please follow joaomede/vue3-json-editor#9 <joaomede/vue3-json-editor#9> for updates. — Reply to this email directly, view it on GitHub <#12241 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AMAKBJRQZ25I7JDT6BWPX5LUYOWMNANCNFSM5NCRS6SA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you were mentioned.Message ID: ***@***.*** com>

[yusufkandemir]

I didn't state there is a solution, I just said follow it for updates, because there isn't a solution ATM. It's an external library problem, so nothing to do with Quasar.

[hakuna0829]

@yusufkandemir
Well, is there any other package that can work with Quasar to use json editor?

[yusufkandemir]

I don't know, you don't need necessarily need to check for Quasar compatibility, any package that works with Vue 3 will work with Quasar too.

[hakuna0829]

Is there anyone who knows the useful json-editor for vue3?