从 URL 中获取 Query 参数到 Component

我试图了解如何将 Query 参数从 URl 获取到我的组件中。以下是我尝试过的，我设置了app-routing.module.ts类似的路线

  {
      path: 'ProjectShipment/userId/231',
      component: ProjectShipmentComponent,
      data: { title: 'Project Shipment' },
  }

并在project-shipment.component.ts我尝试过

import {Router, ActivatedRoute, Params} from '@angular/router';
export class ProjectShipmentComponent implements OnInit {

  constructor( private activatedRoute: ActivatedRoute) { }

  ngOnInit() {
    debugger;
    this.activatedRoute.queryParams.subscribe(params => {
      const userId = params['userId'];
      console.log(userId);
    });}}

当我调试它时，我在日志中未定义

我在这里错过了什么