错误：未捕获（承诺）：错误：无法匹配任何路由。 URL 段：\'chat/1\' Angular 14答案

【问题标题】：ERROR : Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'chat/1' Angular 14错误：未捕获（承诺）：错误：无法匹配任何路由。 URL 段：\'chat/1\' Angular 14
【发布时间】：2022-11-10 23:06:10
【问题描述】：

我有一个聊天按钮，当我按下它时，它允许管理员查看用户之间的聊天，它会打开聊天详细信息。它在本地主机上工作正常，但是当我把它拿出来时，它就不起作用了。我有这个问题

未捕获（承诺）：错误：无法匹配任何路由。 URL 段：'chat/1'

.html code

`<tbody>
  <tr *ngFor="let row of taskerDetail; let i = index">
      <td>{{ i + 1 }}</td>
      <td>{{ row.job_post.what_do_you }}</td>
      <td>{{ row.from_chat.first_name }} {{ row.from_chat.last_name }}</td>
      <td>{{ row.to_chat.first_name }} {{ row.to_chat.last_name }}</td>
      <td class="project-actions"> 
      <a class="btn btn-success btn-sm" [routerLink]="['/chat', row.id]">
          <i class="fas fa-pen"> </i>
             Chat
      </a>
   </td>
  </tr>
</tbody>`

.ts code


`import { RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ChatsComponent } from './Chats.component';
import { ModalModule } from 'ngx-bootstrap/modal';
import { PopoverModule } from 'ngx-bootstrap/popover';

@NgModule({
  imports: [
    CommonModule,
    PopoverModule.forRoot(),
    ModalModule.forRoot(),
    RouterModule.forChild([
      {
        path: '',
        component: ChatsComponent
      }
    ])
  ],
  declarations: [ChatsComponent]
})
export class ChatsModule { }`

Website routing.ts code


`{
        path: 'chats',
        loadChildren: () => import('./Chats/Chats.module')
        .then(mod => mod.ChatsModule)
      }`

【问题讨论】：

路径错了吗？ path: 'chats' 更改为 path: 'chat/{id}'
你说它在本地主机上工作，而不是在实时服务器上。您使用的是哪个服务器和公司？并且您是否使用任何 3rd 方进行聊天？
是的，在本地主机上工作正常。服务器是 Siteground，主机是共享的。我正在使用 Firebase 进行聊天
给我看看你的数据库
数据库。 freeimage.host/i/yzSHMB

标签： angular

【解决方案1】：

转到 Firebase 控制台。
进入实时聊天，让聊天为空
转到您的数据库并将消息表清空。
这些步骤只是为了确保如果不存在任何旧聊天
1. 转到您的服务器并登录
2. 找到速度并单击动态缓存
3. 清除所有相关域的缓存。
由于 Angular 缓存很难清除。

然后检查，它会工作

【讨论】：