Json文件编辑器 ( json-editor-vue3 详细闭坑指南)

json-editor-vue3编辑器

---

提示：读文章,少走弯路!!!!!!!!!

---

前言()

背景:在公司使用的中台项目中,有需要使用对Json数据进行编辑的场景,就想到了json编辑框插件!

最终找到了,这个插件json-editor-vue3,还有一些其他的插件比如:json-editor-vue,大致用法都是相同的,

---

提示：以下是本篇文章正文内容，下面案例可供参考

零、效果图如下

一、安装插件(这里很正常)

控制台执行:npm install json-editor-vue3安装插件

二、json-editor-vue3的使用步骤(这里遇到了问题)

1.导入json-editor-vue3

①:导入json-editor-vue3(问题出现)

执行 import JsonEditorVue from 'json-editor-vue3'

背景:我使用的项目是 Vue3+Ts 创建的项目,在导入 json-editor-vue3的时候出现了无法识别模块的问题.

如下图所示:

②:解决 (无法找到模块的问题)

第一种npm的方法行不通 不ok
第二种新声明的方式是 ok 成功解决问题

具体如下图