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

9月前作者：潮汐未见潮落分类：Toy博客阅读(39) 违法举报

这篇具有很好参考价值的文章主要介绍了vue3+TS报错：不能将类型“unknown”分配给类型“string”（TS）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题描述

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

不能将类型“unknown”分配给类型“string”,Vue3+TS,前端

问题原因

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

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

不能将类型“unknown”分配给类型“string”,Vue3+TS,前端

不能将类型“unknown”分配给类型“string”,Vue3+TS,前端

解决方法

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

类型断言

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

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

类型判断

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

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

文章对大家有帮助的话，希望大家能动手点赞鼓励，大家未来一起努力长路漫漫，道阻且长文章来源地址https://www.toymoban.com/news/detail-551492.html

到了这里，关于vue3+TS报错：不能将类型“unknown”分配给类型“string”（TS）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

vue3 组件TS 类型声明

要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。据了解，已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴，一起学起来吧！当使用这被

2023年04月08日
浏览(36)
Vue3通透教程【十三】TS简单类型详解

专栏介绍：凉哥作为 Vue 的忠实粉丝输出过大量的 Vue 文章，应粉丝要求开始更新 Vue3 的相关技术文章，Vue 框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因，和 Vue 框架相比其

2024年02月05日
浏览(42)
Vue3通透教程【十二】TS类型声明优势

专栏介绍：凉哥作为 Vue 的忠实粉丝输出过大量的 Vue 文章，应粉丝要求开始更新 Vue3 的相关技术文章，Vue 框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因，和 Vue 框架相比其

2023年04月20日
浏览(39)
Vue3通透教程【十四】TS复杂类型详解（一）

专栏介绍：凉哥作为 Vue 的忠实粉丝输出过大量的 Vue 文章，应粉丝要求开始更新 Vue3 的相关技术文章，Vue 框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因，和 Vue 框架相比其

2024年02月02日
浏览(50)
vue3 vite ts引入vue文件报错 ts(2307)

vue3 vite ts 生成的项目模板，在ts文件中引入vue文件报错 ts(2307)，只是ts报错，并不影响项目运行。官方文档有说明：http://vue.dragonlm.com/guide/typescript/overview.html#ide-support 解决方法是安装插件，之后即可正常解析路径，并可以跳转到对应文件。 TypeScript Vue Plugin (Volar)

2024年02月16日
浏览(53)
vue3(ts)类型“EventTarget”上不存在属性“value”

萌新一枚，记录自己学习ts遇到的坑，帮助加强记忆。一、问题：封装自定义input组件，在获取e.target.value时出现如下报错。类型“EventTarget”上不存在属性“value” 二、原因： e.target默认为HTMLElement类型，是所有HTML元素类型的父类，不能确保身上一定有value属性。因此需要

2024年02月12日
浏览(35)
vue3+ts打包报错处理

打包报错但是npm run dev 是运行正常的经过一番搜索之后，这个错误是比较难搜索到的注意看package.json 中的vue-tsc --noEmit 删掉就可以了 { “name”: “vuevitec”, “version”: “0.0.0”, “scripts”: { “dev”: “vite”, “build”: “vue-tsc --noEmit vite build”, “preview”: “vite preview” },

2024年01月18日
浏览(67)
Vue3通透教程【十八】TS为组件的props标注类型

专栏介绍：凉哥作为 Vue 的忠实粉丝输出过大量的 Vue 文章，应粉丝要求开始更新 Vue3 的相关技术文章，Vue 框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因，和 Vue 框架相比其

2024年02月16日
浏览(36)
vue3.2+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

vue3.2+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307) 解决方法：在项目根目录创建 env.d.ts 文件（如果已有，则在文件中追加），加入以下内容：报错原因：未定义 .vue文件的类型，导致 ts 无法解析其类型，在env.d.ts中定义后即可解决。

2024年02月11日
浏览(54)
何为 Vue3 组件标注 TS 类型，看这篇文章就够了！

要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴，一起学起来吧！使用 script setup 当使用 script setup 时， defineProps() 宏函数支持从它的参数中推导类型：这被称为

2023年04月08日
浏览(31)