Vue3 在導入其他組件時，它說請求的模塊不提供名為“默認”的導出

Question

我有 A.vue，它按如下方式導入 B 和 C：

import B from './B.vue'
import C from './C.vue'

export default defineComponent({

  components: {B, C},
  
  setup(){
  
  }
});

瀏覽器中的控制台說：

SyntaxError: The requested module '/node_modules/.vite/vue-router.js?v=13419111' does not provide an export named 'default'

如果不引入 B 和 C，則路由器運行良好。

路由器中的規則：

      {
        path: "A",
        name: "A",
        component: () => import("../components/A.vue"),
      },

B 和 C 是簡單組件，其格式如下：

export default defineComponent({
  
  setup(){
  
  }
});

Answer 1

嘗試卸載當前的 vue-router 模塊並通過運行以下命令重新安裝與 Vue 3 兼容的最新（版本 4）模塊：

npm uninstall vue-router

進而

npm install vue-router@next -S