vue-router v4.x版本创建router对象注意点

Posted 2022-02-08 仰望星空的代码

        vue-router 的 v4.x 版本是为适应 vue3 而开发的版本，它的引入和创建实例对象的方式有所改变，在使用的时候容易忽略变化导致低级错误。

1、采用旧的导入方式

                在 npm 管理依赖包的开发模式下使用 import 导入时不能采用 import Router from 'vue-router' 的方式，应该采用 import createRouter, createWebHashHistory from 'vue-router'，否则会报错且路由无法展示。报错信息：Uncaught SyntaxError: The requested module '/node_modules/.vite/vue-router.js?v=64e536aa' does not provide an export named 'default'。