0709

工作

• 看需求中...

任务/学习

• 个人项目 umi-antd-react 搭建后台项目，近期 umi 出了 mfsu 方案，看文章说开发效率打打提升，所以尝试升级，但是遇到一些问题，自己忙活了好久，没找到解决办法，不得已提了 个 bug-mfsu 模式下启动报错 Check the render method of LoadableComponent，怀疑是 umi 的问题。

没想到，umi 作者 云谦 回复速度很快，我中午提的问题，下午就有了回复，作者很快就帮我找到了问题所在。

感叹大佬牛逼的同时，觉得自己好菜呀，主要有 2 个方面：

• 报错后面的提示其实已经说了：

// 我可能在某个页面定义了组件但是忘了导出或者导出错误
You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
...

• 其次，自己定位排查错误问题能力不足，通过上面的报错可以发现是 【没有导出组件】，那么我应该从路由方面出发，通过 【注释路由】的方式排查具体是哪个路由对应的组件出了问题

• 以及，可以以这次问题为契机，看看 作者是怎么实现这次 MFSU 方案的，详细看看其的 commit 记录

---

好文推荐

• webpack 最佳实践 webpack 相关，写的很好，拓展资料也很有帮助
• Webpack - 手把手教你写一个 loader / plugin
• 刻意练习成前端专家
• 万字长文：关于sourcemap，这篇文章就够了
• 前端B端权限控制【资源权限，数据权限】 关于后台管理系统的通用权限：菜单权限，按钮权限，路由权限；但是文章没说接口权限

大佬推荐

• 微医前端团队 这个团队的技术文章质量都不错，多看看可以学习到很多

TODOS

• 整理学习资料，列出学习计划
  • 掘金小册
  • 拉勾教育
  • 极客时间
• 开启实战项目：
  • 前端 Umijs + React + Typescript
  • 后端 Koa + MongoDB + Typescript / Nestjs 解决方案
  • 内容包括：
    • Web：前端请求库封装，工具库，路由/菜单权限处理，按钮权限处理
    • Server：接口权限点，登录中间件鉴权，jwt，日志，图片的上传下载，excel 的导入导出，安全防范等