如何解决Indexed access is not supported for fields (arkts-no-props-by-index) <ArkTSCheck> :7问题

【问题描述】
问题现象和发生的背景
在【LoginOKPage.ets】文件中输入“@State userName: string = router.getParams()['userNameParam']”后出现了“Indexed access is not supported for fields (arkts-no-props-by-index) <ArkTSCheck> :7”的问题

相关的代码，截图，日志信息
【Index.ets】文件
import { router } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  @State message: string = '欢迎回来，主人！';
  @State userName: string = '';//用户名
  @State passWord: string = '';//密码

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('HelloWorld')
        .fontSize(40)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })

      TextInput({placeholder:'用户名'}).width('90%').margin({top:100})
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .onChange((value)=>{
          this.userName = value;
        })

      TextInput({placeholder:'密码'}).width('90%').margin({top:200}).type(InputType.Password)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .onChange((value)=>{
          this.passWord = value;
        })

      Button('登录')
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .margin({top:300})
        .onClick(()=>{
          router.pushUrl({
            url:'pages/LoginOKPage',
            params:{
              userNameParam:this.userName,
              passWordParam:this.passWord
            }
          })
        })
    }
    .height('100%')
    .width('100%')
  }
}

【LoginOKPage.ets】文件
import { router } from '@kit.ArkUI';

@Entry
@Component
struct LoginOKPage {
  @State message: string = '登录成功';
  @State userName: string = router.getParams()['userNameParam']

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('LoginOKPageHelloWorld')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })

      Button('返回')
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
        .margin({top:100})
        .onClick(()=>{
          router.back()
        })
    }
    .height('100%')
    .width('100%')
  }
}
我想要达到的结果


【运行环境】
DevEvoStudio版本：devecostudio-windows-5.0.5.300
SDK版本：API Version 13

@State userName: string = (router.getParams() as Record<string, string>).userNameParam

有提示的错误可以在这里找到相关修改示例: https://docs.openharmony.cn/page ... s-no-props-by-index