Angular 5编译报错：需适配loader处理文件类型问题求助

嘿，看你的报错信息和代码片段，问题一眼就能看出来——你在appRoutes数组的根路由配置里，component属性后面是空的，没指定具体的组件，这直接导致了语法错误，webpack没法正常解析这个文件。

具体解决步骤： #

• 先确定你想给根路径（''）绑定的组件，比如HomeComponent或者你自己定义的其他组件。
• 在app.routing.ts文件顶部导入这个组件，路径要根据你的组件实际位置调整：

import { HomeComponent } from './home/home.component';

• 把路由配置里的component补充完整，修改后的appRoutes应该是这样：

const appRoutes = [
  { path: '', component: HomeComponent }
];

• 保存文件后重新运行编译命令（比如ng serve），这个解析错误应该就消失了。

为啥会报这个错？ #

Angular的路由配置要求每个路由对象的component必须指向一个有效的Angular组件类，你这里留空的话，TypeScript语法就不合法了，webpack处理这个.ts文件时遇到无效的语法结构，就抛出了"Unexpected token"的错误。

内容的提问来源于stack exchange，提问作者Rahul K R