无法从非 EcmaScript 模块导入命名导出

💡 原文中文,约2200字,阅读约需6分钟。
📝

内容提要

markdown-it 是一个用于解析 Markdown 语法的库。在 Vue 中使用时,可能会遇到无法从非 EcmaScript 模块导入命名导出的问题。解决方法是修改 vue.config.js,添加配置以支持 .mjs 文件的导入。

🎯

关键要点

  • markdown-it 是一个用于解析 Markdown 语法的库。
  • 在 Vue 中引入 markdown-it 时,可能会遇到无法从非 EcmaScript 模块导入命名导出的问题。
  • 错误信息显示无法导入多个命名导出,只有默认导出可用。
  • 解决方法是修改 vue.config.js,添加配置以支持 .mjs 文件的导入。

延伸问答

在 Vue 中使用 markdown-it 时可能遇到什么问题?

在 Vue 中引入 markdown-it 时,可能会遇到无法从非 EcmaScript 模块导入命名导出的问题。

如何解决无法从非 EcmaScript 模块导入命名导出的问题?

解决方法是修改 vue.config.js,添加配置以支持 .mjs 文件的导入。

markdown-it 是什么?

markdown-it 是一个用于解析 Markdown 语法的库。

在使用 markdown-it 时,常见的错误信息有哪些?

常见的错误信息包括无法导入多个命名导出,只有默认导出可用。

修改 vue.config.js 的具体配置是什么?

需要在 vue.config.js 中添加配置,支持 .mjs 文件的导入,具体代码为:module.exports = { configureWebpack: { module: { rules: [{ test: /\.mjs$/, include: /node_modules/, type: 'javascript/auto' }] } }, };

为什么会出现无法导入命名导出的错误?

因为在非 EcmaScript 模块中,只有默认导出可用,导致无法导入命名导出。

➡️

继续阅读