元素隐式具有 "any" 类型，因为类型为 "string" 的表达式不能用于索引类型 "{}"。 在类型 "{}" 上找不到具有类型为 "string" 的参数的索引签名。ts(7053)

问题： 元素隐式具有 “any“ 类型，因为类型为 “string“ 的表达式不能用于索引类型 “Object“。 在类型 “Object“ 上找不到具有类型为 “string“ 的参数的索引签名
描述： 获取url携带的参数转成对象形式进行读取的一个方法函数

image.png

原因：key值的类型不是string，在javascript中是默认给你转好的，而在Typescript中则不是，因此要么转，要么声明，要么忽略…

方案一：忽略

在tsconfig.json中compilerOptions里面新增忽略的代码，如下所示，添加后则不会报错

"suppressImplicitAnyIndexErrors": true,

方案二：声明

在定义的Interface里对其进行声明，如下所示，声明过后，也不会再报错

interface NObject {
  [key: string]: string | number | undefined | null | void
}
export const getUrlData = (link: string = window.location.href): NObject => {
  const url = link
  const obj = {} as NObject  // 此处声明之后可以用方括号的方式设置对象的键值
  if (url.includes('?')) {
    const params = url.split('?')[1].split('&')
    params.map((v) => (obj[v.split('=')[0]] = v.split('=')[1]))
  }
  return obj
}