React 使用懒加载打包之后无法加载页面



  • 0_1522256529675_5b98c410-be3e-4938-837d-f61e9fa3a0b6-image.png

    不使用懒加载没有问题,开发环境也没有问题,求解答
    项目地址



  • 经过无数次尝试,问题已解决,是我webpack打包scss的问题。
    new ExtractTextPlugin({
    filename: 'static/css/[name].[contenthash:8].css',
    allChunks: true
    }),
    之前是我没有设置 allChunks 导致的失败,特意去看了文档
    这里分享一波
    https://github.com/webpack-contrib/extract-text-webpack-plugin

    就这样结束,准备睡了? 天真。
    又遇到了新的问题。☹
    懒加载打包部署后,点击到某个页面,手动刷新后 出现 Page Not found。
    但在主页刷新不会有这种情况,目前还不知道原因。



  • 今天上vip 课,在react-router4.0官网中发现了一个小秘密。
    上面有一栏讲到了 code split,主要介绍了react-loadable
    A higher order component for loading components with promises.
    很简单的一个懒加载库。
    希望工作中有使用 react的小伙伴如果你们想解决首页加载慢的问题。它是一个不错的选择。
    自己实现懒加载残留的bug到现在还没解决。刚好换了一种方式实现。


Log in to reply
 

Looks like your connection to 新前端社区 was lost, please wait while we try to reconnect.