新人首次使用 typescript 开发项目

[qq309187341]

(property) _RouteLocationBase.name: RouteRecordName | null | undefined
Name of the matched record

类型“RouteRecordName | null | undefined”的参数不能赋给类型“string”的参数。
不能将类型“undefined”分配给类型“string”。ts(2345)


代码是这样的：

const allowList = ['login', 'register', 'registerResult'] // no redirect allowList

router.beforeEach((to, from, next) => {
NProgress.start(); // NProgress 开始
setDocumentTitle('1111') // 动态设置页面的标题
console.log(allowList.includes(to.name))
})


请问这样写？

[murmur]

这一看就是 vue ，别折腾了，vue 的 ts 支持不是很完美

[TomatoYuyuko]

documentTitle 这个字段的类型你给的有问题了吧，不要联合一堆花里胡哨的类型，后面处理起来会很烦

[huijiewei]

to.name && allowList.includes(to.name)

[chenluo0429]

和 vue 的 ts 支持又有何干？如果是和模板联合还有些类型推导有问题，单纯的 ts 代码谈什么支持不完美？

to.name && allowList.includes(to.name)通过判断把 name 的类型收窄一下。另外 allowList 的类型定义为 RouteRecordName[]

[anguiao]

name 有可能为 undefined 和 null ， 所以不能直接作为 includes 的参数（要求参数是 string 类型）。如楼上所说，先判空就可以。