ts(typescript): 报错

元素隐式具有 “any” 类型，因为类型为 “string”

interface startDay {
  lastSevenDate: string
  startOfMonth: string
  startOfYear: string
  [key: string]: string // 加了这个就好了
}

let startDayObj: startDay = {
    lastSevenDate: moment().add(-7, 'days').format('YYYY-MM-DD'), // 最近七天
    startOfMonth: moment().startOf('month').format('YYYY-MM-DD hh:mm'), // 本月第一天
    startOfYear: moment().startOf('year').format('YYYY-MM-DD') // 当年第一天
  }
const [dateType, setDataType] = useState('lastSevenDate')
  // 开始日期
  const [startDate, setStartDate] = useState(startDayObj[dateType]); // 是这里报错误警告

不能将类型“void”分配给类型“MouseEventHandler

return <Button
              onClick={handleClick(item)}>
              {item.label}
            </Button>  // 报错，改成了下面的那种

return <Button
              onClick={(item) => { handleClick(item) }}>
              {item.label}
            </Button>

参数“item”隐式具有“any”类型

fetchJSErrorDetail(tabelParams).then((data: any) => {
      console.log('快应用异常数据列表.data', data)
      setTableData(data.data.map((item: any) => { return item.crash_rate = (item.crash_uv / item.start_cnt) }))
      // crash_rate
    })

运算符“+”不能应用于类型“Number”和“Number”。

// 把Number换成number

function retain(num: Number | String, decimal: number) {
    num = num.toString();
    let index: number = num.indexOf('.');
    if (index !== -1) {
        num = num.substring(0,  decimal + index + 1 ) // 运算符“+”不能应用于类型“Number”和“Number”。
    } else {
        num = num.substring(0)
    }
    return parseFloat(parseFloat(num).toFixed(decimal))
}

React Hook “useState” cannot be called at the top level. React Hooks must be called in a React function component or a custom React Hook function.eslintreact

// useState钩子需要在组件渲染函数内使用

const CardAbnormalRate = () => {
  // 开始日期
  const [startDate, setStartDate] = useState(startDayObj.lastSevenDate);
  return (<div></div>)
  }

这里是引用

9. ”上不存在属性“rankYear”。ts(2339)？？？
   ts 访问不了this类型

10. 报错-2304错误 ？？？
    模块在index.html导入了，使用三方库报错2304
    

11. 报错-找不到名称 “$”。是否需要安装 jQuery 的类型定义? 请尝试使用 npm i --save-dev @types/jquery。ts(2581)
    参考链接
    通过这个库安装第三方库声明文件
    声明文件地址
    

12. 报错-“event”已弃用。

Dom对象报错可以声明指定下
function imagePreview(event: MouseEvent) {}

6. 报错 —无法重新声明块范围变量“a”。

多个文件定义了同一个变量。可以使用自执行函数包裹下，也可以模块导出export{}下

5. vscode设置中文错误消息 ---- 不推荐使用（英文可以直接搜索谷歌错误）XXXXXXX
   

6. 怎么将ts文件编辑为js文件

//src/test.js
const hello : string = "Hello World!"
console.log(hello)

npm install -g typescript
tsc --init // 初始化配置文件
tsc src/test.ts
执行完同目录得到js文件