在Vite/Vue 3应用中使用Vue 2组件

jexiocij  于 2023-06-24  发布在  Vue.js
关注(0)|答案(1)|浏览(222)

我正在使用Vite/Vue 3(如果有关系,请使用TypeScript),我想使用以下Vue 2组件:https://github.com/tylerkrupicka/vue-json-component
使用以下声明导入后:

import JSONView from 'vue-json-component'

并像这样使用它:

<JSONView:data="{foo:'bar',toto:'baz'}" root-key="root" class="tree" />

Vite报告了以下错误:

✘ [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

node_modules/vue-json-component/dist/index.module.js:2:7:
  2 │ import Vue from 'vue';

我的理解是,Vite不能很好地与Vue 2配合使用。我一直试图找到一个解决方案来声明Vue 2组件,或者“ Package ”它们以使它们与Vite/Vue 3一起工作,但没有成功。
我想避免分叉的项目,如果可能的话,重写它的Vue 3。
谢谢

sr4lhrrt

sr4lhrrt1#

package.json中,添加以下内容:

"dependencies": {
-  "vue": "^2.6.12",
+  "vue": "^3.1.0",
+  "@vue/compat": "^3.1.0"
   ...
},
"devDependencies": {
-  "vue-template-compiler": "^2.6.12"
+  "@vue/compiler-sfc": "^3.1.0"
}

相关问题