search

cloydlau / json-editor-vue

Vue and Nuxt 2/3 isomorphic JSON editor, viewer, formatter and validator.
https://cloydlau.github.io/playground/json-editor-vue/
MIT License
429 stars 26 forks source link

Not working with Vue2 #68

Closed patrickelectric closed 1 year ago

patrickelectric commented 1 year ago

Before you start, please make sure to:

Link to minimal reproduction

-

Steps to reproduce

Install like in readme

What is expected?

to work

What is actually happening?

not working

System Info

System:
    OS: Linux 6.2 Arch Linux
    CPU: (16) x64 AMD Ryzen 7 2700 Eight-Core Processor
    Memory: 43.51 GB / 62.75 GB
    Container: Yes
    Shell: 5.9 - /usr/bin/zsh
  Binaries:
    Node: 16.20.0 - /usr/bin/node
    Yarn: 1.22.19 - /usr/bin/yarn
    npm: 8.19.2 - /usr/bin/npm
  Browsers:
    Brave Browser: 111.1.49.132
    Chromium: 111.0.5563.146
    Firefox: 111.0.1
  npmPackages:
    @google/model-viewer: ^3.0.0 => 3.0.0 
    @mdi/font: ^7.1.96 => 7.1.96 
    @types/file-saver: ^2.0.5 => 2.0.5 
    @types/lodash: ^4.14.175 => 4.14.175 
    @types/marked: ^4.0.7 => 4.0.7 
    @types/semver: ^7.3.9 => 7.3.9 
    @types/semver-stable: ^3.0.0 => 3.0.0 
    @types/timeago: ^1.6.0 => 1.6.0 
    @types/uuid: ^9.0.0 => 9.0.0 
    @typescript-eslint/eslint-plugin: ^5.51.0 => 5.51.0 
    @typescript-eslint/parser: ^5.51.0 => 5.51.0 
    @vue/cli-plugin-babel: 5.0.8 => 5.0.8 
    @vue/cli-plugin-eslint: ~5.0.8 => 5.0.8 
    @vue/cli-plugin-pwa: ~5.0.8 => 5.0.8 
    @vue/cli-plugin-router: ~5.0.8 => 5.0.8 
    @vue/cli-plugin-typescript: ~5.0.8 => 5.0.8 
    @vue/cli-plugin-vuex: ~5.0.8 => 5.0.8 
    @vue/cli-service: ^5.0.8 => 5.0.8 
    @vue/eslint-config-airbnb: ^7.0.0 => 7.0.0 
    @vue/eslint-config-typescript: ^11.0.2 => 11.0.2 
    ansi_up: ^5.2.1 => 5.2.1 
    apexcharts: ^3.36.3 => 3.36.3 
    axios: ^0.21.1 => 0.21.1 
    babel-loader: ^8.2.5 => 8.2.5 
    core-js: ^3.25.5 => 3.25.5 
    date-fns: ^2.23.0 => 2.23.0 
    eslint: ^8.33.0 => 8.33.0 
    eslint-import-resolver-typescript: ^3.5.3 => 3.5.3 
    eslint-plugin-html: ^7.1.0 => 7.1.0 
    eslint-plugin-import: ^2.27.5 => 2.27.5 
    eslint-plugin-simple-import-sort: ^10.0.0 => 10.0.0 
    eslint-plugin-vue: ^9.9.0 => 9.9.0 
    file-saver: ^2.0.5 => 2.0.5 
    fuse.js: ^6.6.2 => 6.6.2 
    javascript-time-ago: ^2.3.11 => 2.3.11 
    json-editor-vue: ^0.10.5 => 0.10.5 
    lodash: ^4.17.21 => 4.17.21 
    marked: ^4.1.1 => 4.1.1 
    register-service-worker: ^1.7.1 => 1.7.2 
    roboto-fontface: * => 0.10.0 
    sass: ~1.32.0 => 1.32.13 
    sass-loader: ^10.0.0 => 10.2.0 
    semver: ^7.3.8 => 7.3.8 
    semver-stable: ^3.0.0 => 3.0.0 
    simple-icons: ^6.8.0 => 6.9.0 
    typescript: ~4.9.5 => 4.9.5 
    util: ^0.12.5 => 0.12.5 
    uuid: ^9.0.0 => 9.0.0 
    vanilla-jsoneditor: ^0.16.1 => 0.16.1 
    vue: ^2.6.11 => 2.6.14 
    vue-apexcharts: ^1.6.2 => 1.6.2 
    vue-cli-plugin-vuetify: ~2.4.1 => 2.4.1 
    vue-json-viewer: 2 => 2.2.22 
    vue-router: ^3.2.0 => 3.5.1 
    vue-template-babel-compiler: ^2.0.0 => 2.0.0 
    vue-template-compiler: ^2.6.11 => 2.6.14 
    vue-tooltip-directive: ^1.0.2 => 1.0.2 
    vue-tour: ^2.0.0 => 2.0.0 
    vuetify: ^2.4.0 => 2.5.4 
    vuetify-loader: ^1.7.0 => 1.7.2 
    vuex: ^3.4.0 => 3.6.2 
    vuex-module-decorators: ^1.0.1 => 1.0.1 
    webpack: ^5.74.0 => 5.74.0 
    wifi-qr-code-generator: ^1.1.1 => 1.1.1

Package Manager

yarn

Any additional comments?


 ERROR  Failed to compile with 9 errors                                                                                       7:41:26 AM

 error  in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs

export 'defineComponent' (imported as 'un') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)

 error  in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs

export 'getCurrentInstance' (imported as 'fn') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)

 error  in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs

export 'ref' (imported as 'yt') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)

 error  in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs

export 'watch' (imported as 'Y') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)

 error  in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs

export 'onUnmounted' (imported as 'sn') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)

 error  in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs

export 'onMounted' (imported as 'ln') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)

 error  in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs

export 'unref' (imported as 'pn') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)

 error  in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs

export 'h' (imported as 'vn') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)

 error  in ./node_modules/vue-demi/lib/index.mjs

Module not found: Error: Can't resolve '@vue/composition-api/dist/vue-composition-api.mjs' in '/home/patrick/git/blue/companion-docker/core/frontend/node_modules/vue-demi/lib'

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1378:8-10
export 'defineComponent' (imported as 'un') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1400:19-21
export 'getCurrentInstance' (imported as 'fn') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1400:57-59
export 'ref' (imported as 'yt') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1400:67-69
export 'ref' (imported as 'yt') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1400:79-81
export 'ref' (imported as 'yt') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1426:11-12
export 'watch' (imported as 'Y') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1435:8-9
export 'watch' (imported as 'Y') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1439:8-9
export 'watch' (imported as 'Y') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1441:8-9
export 'watch' (imported as 'Y') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1449:43-45
export 'onUnmounted' (imported as 'sn') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1451:8-10
export 'onMounted' (imported as 'ln') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1457:17-19
export 'unref' (imported as 'pn') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1459:14-16
export 'h' (imported as 'vn') was not found in 'vue-demi' (possible exports: Vue, Vue2, install, isVue2, isVue3, version)
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

ERROR in ./node_modules/vue-demi/lib/index.mjs 2:0-81
Module not found: Error: Can't resolve '@vue/composition-api/dist/vue-composition-api.mjs' in '/home/patrick/git/blue/companion-docker/core/frontend/node_modules/vue-demi/lib'
 @ ./node_modules/json-editor-vue/dist/json-editor-vue.mjs 1:0-170 12:6-8 1370:33-35 1370:67-69 1378:8-10 1400:19-21 1400:57-59 1400:67-69 1400:79-81 1426:11-12 1435:8-9 1439:8-9 1441:8-9 1449:43-45 1451:8-10 1457:17-19 1459:14-16
 @ ./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-44 6:4-17
 @ ./src/views/BagEditorView.vue?vue&type=script&lang=ts& 1:0-245 1:261-264 1:266-508 1:266-508
 @ ./src/views/BagEditorView.vue 2:0-65 3:0-60 3:0-60 9:2-8
 @ ./src/router/index.ts 5:0-55 92:13-26
 @ ./src/main.ts 10:0-30 27:2-8

webpack compiled with 14 errors
(node:235648) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [Server]. Use emitter.setMaxListeners() to increase limit
No issues found.
cloydlau commented 1 year ago

Please provide a minimal reproduction to ensure it's not caused by your own code, thanks.

cloydlau commented 1 year ago

Vue CLI 5 demo: https://github.com/cloydlau/json-editor-vue/tree/main/demo/vue-cli5 Vue 2.6 demo: https://github.com/cloydlau/json-editor-vue/tree/main/demo/vue2.6

I just tried the Vue 2.6 demo with latest dependencies, it works perfectly.