Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue-router.js?v=0d658a16‘ do...

使用 vue3引入路由时会报错，这样改就可以了：

我原来写的是import VueRouter from 'vue-router'
现在vue3要这么写 import * as VueRouter from 'vue-router'
改完之后再运行就不报错了

vue3最好这样配置router文件

// 以前vue2是
// import Router from 'vue-router'
// 引入 createRouter  替换new Vue
 
import {createRouter,createWebHashHistory} from "vue-router"
import Home from "../views/Home.vue"   //引入路由组件
 
const router = createRouter({   //createRouter   vue2中是 new Vue
	history : createWebHashHistory(),  //createWebHashHistory  ，v3文档 API里有 ，将模式修改 ，Vue2中是mode :history
	routes: [{  //配置路由规则
			name: 'home',
			path: '/', //默认路径
			component: Home
		},
 
		{
			name: 'about',
			path: '/About',
			component: ()=> import('../views/About.vue')  //动态路由的写法
		}
	]
})
 
 
export default router