vue3 <script lang="ts" setup>使用vue-json-editor 报错信息The requested module '/node_modules/vue-json-editor/assets/jsoneditor.js' does not provide an export named 'default'
时间: 2024-03-16 21:42:24 浏览: 579
vue总是报Error Cannot find module 解决办法.网上的都试了不管用,用这招成功
5星 · 资源好评率100%
出现这个错误是因为 vue-json-editor 在 v2.1.0 版本中升级了 jsoneditor.js 的依赖版本,导致默认导出的名称从 `default` 变为了 `JSONEditor`。这个问题可以通过以下两种方法解决:
1. 升级 vue-json-editor 到最新版本:
最新版本的 vue-json-editor 已经修复了这个问题,你可以直接升级到最新版本,使用以下命令:
```
npm install vue-json-editor@latest --save
```
2. 在代码中指定导出名称:
在 `<script lang="ts" setup>` 中导入 vue-json-editor 组件的时候,指定导出名称为 `JSONEditor`,如下所示:
```html
<script lang="ts" setup>
import { ref } from 'vue'
import { JSONEditor } from 'vue-json-editor/dist/esm/jsoneditor'
const jsonData = ref({})
</script>
<template>
<div>
<json-editor v-model="jsonData" />
</div>
</template>
```
这样就可以避免这个问题了。
阅读全文