Vue router文件index.js报错

首先还原一下问题

1. 首先我在router文件夹下新建了路由规则文件（index.js）如下：

2.然后在main.js里面去引入并挂载路由文件

3.最后 npm run serve ，然后报错

"export 'default' (imported as 'router') was not found in './router/index.js'"

其实报错已经很清楚了，在“./router/index.js”中找不到导出“default”（导入为“router”）

这里的问题其实就在于

1.如果router文件的index.js写成

那么在main.js中引入的时候就要使用这种写法

2.如果main.js中引入的时候没加 {} 比如这样：

那么router文件的index.js应该加上 export default router 将router导出

说到底就是暴露方式使用错误

js三种暴露：多行暴露、统一暴露、默认暴露**

1.多行暴露

2.统一暴露

3.默认暴露

问题很简单，但也值得注意这些语法上的区别