要解决Angular 7中页面导航不起作用的问题，可以尝试以下解决方案：

1. 确保路由配置正确：在app-routing.module.ts文件中，检查是否正确配置了路由。确保导航路径和组件的关联正确。例如：

const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  { path: 'contact', component: ContactComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

2. 确保正确使用routerLink指令：在HTML模板中使用routerLink指令时，确保传递正确的导航路径。例如：

Home
About
Contact

3. 使用Router服务进行编程式导航：如果需要在组件中编程式地导航到其他页面，可以使用Router服务。首先在组件的构造函数中注入Router服务，然后使用navigate方法进行导航。例如：

import { Router } from '@angular/router';

export class HomeComponent {
  constructor(private router: Router) { }

  navigateToAbout() {
    this.router.navigate(['/about']);
  }
}

4. 确保正确使用router-outlet指令：在根组件的HTML模板中，确保正确使用了router-outlet指令来显示导航到的组件。例如：

如果按照以上步骤仍然无法解决问题，可以检查浏览器的开发者工具中是否有任何错误信息，并检查控制台输出以获取更多的调试信息。