Egg + React 多页面服务端渲染方案引入react loadable报错

[HadeAs]

项目地址

复现步骤：

• 代码下载
• yarn
• yarn dev

问题代码在app/web/page/home/home.jsx

请问是我哪里写错了，还是有bug

[HadeAs]

貌似require引入的图片资源也加载不了

[HadeAs]

@hubcarl 麻烦看一下

[hubcarl]

@HadeAs 好，今天看一下

[hubcarl]

@HadeAs 初步定位了一下，这个与 webpack entry路径有关系，entry没有路径就可以;目前Demo生成的entry是home/home.js，改成 home.js 就可以，具体看一下master.根本解决办法需要再看看

[HadeAs]

这种方法我也试了，但是这种配置方式如果在entry里加上loader，启动就会报错

@hubcarl 麻烦再看一下

[hubcarl]

临时解决办法：可以不用 loader 方式，loader 改成 app.js 方式， 入口文件改成 js， 类似下面这种，自己实现入口

https://github.com/easy-team/egg-react-webpack-boilerplate/blob/master/app/web/framework/app.js

[hubcarl]

@HadeAs 或者通过customize方法把webapck entry的key统一处理一下,比如把/换成_

//${root}/webpack.config.js
module.exports = {
  ...
  customize(webpackConfig){ // 此外 webpackConfig 为原生生成的 webpack config
   return webpackConfig;
  }
}

找不到模块问题的方案还在验证测试

[HadeAs]

@HadeAs 或者通过customize方法把webapck entry的key统一处理一下,比如把/换成_

//${root}/webpack.config.js
module.exports = {
  ...
  customize(webpackConfig){ // 此外 webpackConfig 为原生生成的 webpack config
   return webpackConfig;
  }
}

找不到模块问题的方案还在验证测试

好的 感谢解答

[hubcarl]

@HadeAs 发布了 @easy-team/[email protected] 可以验证一下， master 增加例子

[HadeAs]

@HadeAs 发布了 @easy-team/[email protected] 可以验证一下， master 增加例子

好的 我试一下

[lpg-kobe]

@HadeAs 麻煩幫忙看看rax分支的page/async.jsx也是由於引用了loadable之後該頁面同樣出現報錯的情況，頁面再次刷新本地進程會被強退