如何修复“请求的模块不提供名为‘default’的导出”？

Question

我正在使用 JS 和 Vue.js 开发应用程序并在线出错：

import Vue from 'vue'

我明白了：

未捕获的语法错误：请求的模块 '/node_modules/.vite/vue.js?v=6dba2ea6' 不提供导出 命名为“默认”

我用谷歌搜索可能是旧 Vue 版本引起的，在我的 package.json 中 vue 版本是 3.2.6，但是

npm view vue version

返回 2.6.14，我尝试使用 Vue CLI 升级它

vue upgrade

但是 npm 命令仍然返回 2.6.14

我希望你能帮助我，我做错了什么或者甚至不是版本问题？谢谢！

Answer 1

它不起作用的原因是 Vue 提供了一个 named 导出，而您试图导入它，就好像它有一个 default 导出一样。

要进行 named 导入（您必须使用 named 导出），您需要将要导入的导出名称括在花括号中，因此{} 左右 Vue 像这样：

import { Vue } from 'vue';
      // ^^^ name of export

会有用的

您想要做的事情是导入 vue，但它没有默认导出功能，或者在 vue 模块中未设置默认导出的内容。所以你必须通过添加花括号来选择名为 vue 的函数。

如果它有default 导出函数，那么您的代码就可以工作，在这种情况下，您可以编写任何东西来代替vue，如下所示：

import anyname from 'vue'

anyname 是你想要的任何名称。