如何导出和导入js文件?

我从navbar.js文件中导出了一个变量:

export const navbar = {
  bunch of code
}

我想把它导入到main.js文件中:

import { createApp } from 'vue'
import { navbar } from './navbar.js';

const navApp = createApp({})

navApp.component('navbar',navbar);

navApp.mount('#nav-app')

我确保HTML脚本是 type = "module"

<script src="https://unpkg.com/vue@3/dist/vue.global.js" defer></script>
<script type = "module" src="./js/vuejs/main.js" defer></script>

我遇到了这个错误:

Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../

我可能遗漏了什么吗。

PS:我这样做的原因是main.js文件将管理不同js文件中的组件。

如果您对更好的文件管理方式有任何建议,也请告诉我。