白话理解框架Egg-01主线剧情与加载器

Egg.js是什么

Egg.js 是阿里旗下产品基于Node.js 和Koa 是一个Nodejs 的企业级应用开发框架。可以帮助发团队和开发人员降低开发和维护成本。

Express 和Koa 是Node.js 社区广泛使用的框架，简单且扩展性强，非常适合做个人项目。但框架本身缺少约定，标准的MVC 模型会有各种千奇百怪的写法。Egg 按照约定进行开发，奉行『约定优于配置』，团队协作成本低。

https://eggjs.org/zh-cn/

逐步搭建

为了能更清楚整个框架运行原理，而不是以业务开放为主，所以使用官网提供的 逐步搭建

目录结构为：

**egg-example**

├── app

│  ├── controller

│  │  └── home.js

│  └── router.js

├── config

│  └── config.default.js

└── package.json

按照教程做到 npm run dev ，结果竟然就报错了

报错内容：

D:\www\egg-example2\node_modules\egg\lib\application.js:70

​      throw e;

​      ^

TypeError: Cannot read property 'index' of undefined

​    at module.exports.app (D:\www\egg-example2\app\router.js:6:35)

​    at AppWorkerLoader.loadFile (D:\www\egg-example2\node_modules\egg-core\lib\loader\egg_loader.js:305:13)

​    at AppWorkerLoader.loadRouter (D:\www\egg-example2\node_modules\egg-core\lib\loader\mixin\router.js:17:10)

一模一样照着官网打都会这样。。。

我尝试在这里打印

image

发现app.controller 为空？ 可是明明home.js 就好好在那里，为什么会说没有呢？？

继续看报错的文件， at module.exports.app (D:\www\egg-example2\app\router.js:6:35) 这里的router.js ，在对应报警的位置前部打印看下：

image

这个时候，重新跑 npm run dev, 可以看到打印了 下面的信息

image

这里，我的理解是，每个框架应该是有自己的主线剧情，在每个剧情点，容许使用框架的人填充拓展，但是主线剧情应该是不变的。

上面就是load文件的一个步骤。

好比框架设定为： 先load所有这样那样的文件，进入内存挂到app这个变量上， 然后才开启应用。

这时候找到 加载器 的文档，嗯呢，原来真的是这样：

image

上面说到加载了controller以后再会去加载router，可是从我之前打印信息中可以看出，程序加载了我自己写的 config ，然后到了router里面的时候home.js 的controller 却没有加载。

！！ 说明是加载controller的地方错了， 再仔细看下我的目录：

image

额，原来是目录的文件夹名字拼错了， 上面加载器文档也说的很清楚了， 必须放在 app/controller 文件夹下

好了，现在再看还报错吗？

总结：主线剧情与加载器

从理解框架的角度，慢慢去了解框架的大致流程，从而能快速定位出错的原因和位置。