react+mirror webpack打包错误解决

问题描述:

项目基于 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

猜你喜欢

转载自blog.csdn.net/weixin_42052388/article/details/80309756