报错Can‘t import the named export ‘stringify‘ from non EcmaScript module (only default export is avail

在基于umi+antdPro开发时,报错Can't import the named export 'stringify' from non EcmaScript module (only default export is available) 如下图
在这里插入图片描述
解决方法如下:在chainWebpack添加以下配置项

// /config/config.ts

export default defineConfig({
  // ...
  chainWebpack(config) {
    // ...
    config.module
      .rule('mjs')
      .test(/\.mjs$/)
      .include
      .add(/node_modules/)
      .end()
      .type('javascript/auto');
  },
})
当在编译 `apisix-dashboard` 时出现 `Can't import the named export 'memo' from non EcmaScript module (only default export is available)` 的错误,这个问题通常是由于 `@monaco-editor/react` 的版本不兼容引起的。这个错误提示表明 `@monaco-editor/react` 的导出模块不是标准的 ECMAScript 模块。 为了解决这个问题,你可以尝试以下方法: 1. 确保你的 `apisix-dashboard` 使用的是兼容的 `@monaco-editor/react` 版本。可以尝试升级或降级 `@monaco-editor/react` 到与 `apisix-dashboard` 兼容的版本。你可以查阅 `apisix-dashboard` 的文档或 GitHub 页面来获取关于兼容版本的信息。 2. 在项目的配置文件中,尝试启用对 ECMAScript 模块的支持。具体的配置方式取决于你所使用的构建工具(如 webpack、Babel 等)。在 webpack 的配置文件中,你可以尝试添加以下配置: ```javascript module: { rules: [ { test: /\.mjs$/, include: /node_modules/, type: "javascript/auto", }, ], }, ``` 这个配置将会告诉 webpack 将非 ECMAScript 模块视为自动类型(`javascript/auto`),从而解决导入错误。 3. 如果以上方法仍然无效,可以尝试使用其他版本的 `@monaco-editor/react` 或寻求 `apisix-dashboard` 社区或文档的支持,了解其他用户是否遇到类似的问题,并且是否有解决方案可用。 如果问题仍然存在,请提供更多的错误信息、上下文和相关代码,以便更准确地帮助你解决该问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

竹苏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值