vite+vue3 遇到报错 Uncaught SyntaxError: Cannot use import statement outside a module (at main.js:1:1)

按照报错找到了对应的位置

import { createApp } from '/node_modules/.vite/deps/vue.js?v=d0a669cf'
import App from '/src/pages/project1/App.vue'
// import './index.css'
// import router from "./router"

// createApp(App).mount('#app')

const app = createApp(App)

// app.use(router)

app.mount('#app')

应该就是第一句, 但是怎么都找不到错误的原因

直到翻到一个答案 

HTML 网页中，浏览器通过 script 标签加载 JavaScript 脚本。由于浏览器脚本的默认语言是 JavaScript，因此type="application/javascript"可以省略。在报错中了解到，
是说无法在模块外部使用import语句，因为Module 的加载实现的是es6语法，所以在浏览器加载html文件时，需要在script 标签中加入type="module"属性。