记录vue3 手动创建router路由的报错问题及解决方法

搭建框架及引入相关

1.检查vue版本号，创建一个vue3框架

vue -V

vue create vue_demo

2.打开项目

cd vue_demo

npm run serve

3.vue3使用的是element-plus组件库

npm install --save element-plus

4.由于没有路由，需要手动创建一个，在src下新建一个文件夹，下面新建一个文件index.js

把不需要的HelloWorld删除，新建组件，把需要跳转的组件路径都写进index.js

报错1

这个报错，是因为没引入ts报错了。删除后还是报错，检查后发现上面暗下去的应该删除

用() => import('../views/AboutView.vue')这种就不用引入了，遂删除

报错2

现在可以打开页面，但是白屏，F12后

显示这个问题。

于是面向goole编程后，发现问题所在

解决方法

是这个写错了，我以为是自己随便声明一个就可以，但是他好像是固定写法，修改后，页面就可以正常跳转了

记录一下~ 撒花花~