vue3+TS报错：不能将类型“unknown”分配给类型“string”（TS）

问题描述

vue3 + TS 项目中，编写路由文件使用 路由守卫 更改页面标题报错

问题原因

TS 有更严格的代码检查，当赋值的变量类型不正确时即报错，可以将鼠标移动到变量上查看类型

可以清楚看到 两个类型，一个是 **string **，一个是 unknown ，故报错

解决方法

可以通过**类型断言 或者 类型判断 **进行处理 (两种方法选其一)

类型断言

类型断言，可以用来告诉解析器变量的实际类型

document.title = to.meta.title as string;

类型判断

  if (typeof (to.meta?.title) === 'string') {
     document.title = to.meta.title;
  }

文章如有错误，恳请大家提出问题，本人不胜感激 。 不懂的地方可以评论，我都会 一 一 回复

文章对大家有帮助的话，希望大家能动手点赞鼓励，大家未来一起努力 长路漫漫，道阻且长