如何导出和导入js文件？

Question

我从 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 文件中的组件。

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

Answer 1

修改main.js文件：不再从“vue”导入Vue，而是从CDN导入：

import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
import { navbar } from './navbar.js';

 const navApp = createApp({});
 navApp.component('navbar', navbar);
 navApp.mount('#nav-app');