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 09:42:24 浏览: 25
出现这个错误是因为 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>
```
这样就可以避免这个问题了。
相关问题
The requested module '/node_modules/.vite/deps/vue.js?v=a4eba752' does not provide an export named 'default'
引用和提供了同样的错误信息:The requested module '/node_modules/.vite/deps/xlsx.js?v=3067d777' does not provide an export named 'default'。这个错误的原因是在引入的库中没有使用export default来导出,而是直接使用export来导出属性和方法。因此,无法通过import XLSX from 'xxx'来导入这个库,而只能使用import {} from 'xxx'的方式来导入。
根据这个错误信息,我们可以推测类似的问题也发生在The requested module '/node_modules/.vite/deps/vue.js?v=a4eba752'上,即在引入vue.js模块时,也发生了同样的错误。因此,解决方案也是类似的,需要使用import {} from 'xxx'的方式来导入这个模块。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [SntaxError: The requested module ‘/node_modules/.vite/deps/xlsx.js?v=3067d777‘ does not provide an...](https://blog.csdn.net/weixin_39550080/article/details/130199829)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
The requested module '/node_modules/.vite/deps/vue.js?v=c8d91d79' does not provide an export named 'default'
引用\[1\]:控制台报错如下:SntaxError: The requested module '/node_modules/.vite/deps/xlsx.js?v=3067d777' does not provide an export named 'default'。引用\[2\]:报错信息:SntaxError: The requested module ‘/node_modules/.vite/deps/xlsx.js?v=3067d777’ does not provide an export named ‘default’ @Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget(); }。引用\[3\]:引入的库没有使用export default来导出,而是直接使用export导出一些属性和方法,自然无法使用【import XLSX from 'xxx’】而只能通过【import {} from 'xxx’】。根据你提供的信息,问题描述是"The requested module '/node_modules/.vite/deps/vue.js?v=c8d91d79' does not provide an export named 'default'"。这个错误通常是由于导入的模块没有使用export default导出所导致的。你可以尝试使用【import {} from 'xxx'】来导入这个模块,而不是使用【import XLSX from 'xxx'】。这样应该可以解决你的问题。
#### 引用[.reference_title]
- *1* *2* *3* [SntaxError: The requested module ‘/node_modules/.vite/deps/xlsx.js?v=3067d777‘ does not provide an...](https://blog.csdn.net/weixin_39550080/article/details/130199829)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]