问题描述:
项目基于 react+mirror+elementReact+webpack实现,开发环境yarn start没有异常,但执行yarn build后,发现页面中为空,mirror的router不生效,没有渲染出组件
排查过程:
经过组件debug,发现原因是引入的mirror 路由不渲染组件,一下是mirror router官网简介
可以看出,mirror只是对react-router4做了层封装。
查看demo,发现项目缺少一下代码:
mirror.
defaults({
historyMode:
'hash'
})
即没有指定路由类型.
查看react router4介绍
可以看出,必须指定路由器类型。
解决方法:
增加 上述mirror的historyMode配置
思考:
为什么本地开发环境没有异常?
是因为我们本地开发用的 webpack-dev-server路由模式自动为Hash