error TS2339: Property ‘$route‘ does not exist on type报错问题处理

原创于 2025-08-29 16:58:06 发布 · 251 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#服务器 #运维

1、问题描述

今天收到一个需求，要参考某个项目的功能逻辑并增加自己的页面，由于工期限制，直接拷贝原项目代码增加页面，在打包部署时突然出现该报错。

error TS2339: Property '$route' does not exist on type

2、解决办法

思考了一下，因为刚复制完增加页面后的启动和打包都是正常的。问题应该出现在我精简依赖后删除lock文件重新拉包的问题上。恢复原来的lock文件发现问题未出现。

通过git对比lock文件发现vue-router的版本存在差异，不报错的版本为4.3.0，报错的版本为4.5.1，调整后发现问题解决。

3、猜想

按照报错提示，我猜拉取types/vue-router包应该也能解决此处报错。（可能理解不到位，请各位指点。）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

葱头BB

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Android日志实战——dumpstate日志解析（十八）

小旭的专栏

05-06

753

dumpstate 是 Android 系统的一部分，它用于生成设备的系统状态快照。这个快照包含了当前设备的各种信息，包括系统日志、内核信息、进程信息等。通常在设备遇到严重故障或者出现死机时由系统自动触发，或者通过 ADB 命令手动触发。dumpstate 与前面介绍的 bugreport 都是用于收集设备的系统状态信息，但 bugreport 包含了更多的详细信息，而且通常用于更深入的故障诊断。

【TS篇】代码没问题，依旧报Property xxx does not exist on type Object错误

s398511733的博客

09-09

1053

如果ts代码没问题，但页面属性依旧标红，提示Property xxx does not exist on type Object错误，可以考虑少装了插件，在vscode里找到如下插件安装即可。

参与评论您还未登录，请先登录后发表或查看评论

Property ‘xxx‘ does not exist on type ‘xxx‘报错解决

m0_67402236的博客

03-08

2万+

用ts写一个组件的时候，遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错，但神奇的是竟然还能正常运行。在参考一些正确的代码后，有两个解决方案。在export default class Add extends Vue {} 里面定义对应的Prop： import { Component, Vue, Prop } from “vue-property-decorator”; import { mapState } from “vue

Property ‘$router‘ does not exist on type TS2339

麦田里的守望者

07-26

2404

发现typescript 项目只要是使用了this. 的写法都会报红警告，参考网上的写法this[''] 写法可以解决此问题，但是项目里太多this.写法，改起来太多了。而且以后都要写成this[]。比对资料发现，在tsconfig.json 里面的compilerOptions下配置"noImplicitThis": false 可以解决this. 使用问题。问题：Property 'XXX' does not exist on type '....用以上方法解决了问题。

TypeScript类型检查错误 error TS2339

Humbunklung的专栏

08-29

854

上一篇博客写了一个调用摄像头的demo，用了vue3vite，使用了TypeScript${在开发环境运行是没有问题的，但如果使用，（配置为类型检查，即。error TS2339: Property 'id' does not exist on type 'never'.

[ Vue-ts-错误 ] Property '$router|$store' does not exist on type Vue

weixin_34044273的博客

11-06

6040

2019独角兽企业重金招聘Python工程师标准>>> ...

TS2339:报错Property '属性' does not exist on type '{}'

热门推荐

长歌的博客

06-20

5万+

ts某个方法（a）里面返回一个对象有属性b，在另一个方法里调用a().b，可以正常打印出结果，但是编译报错。报错信息：TS2339:报错Property 'b' does not exist on type '{}'，后来改写成a()[b]，成功去掉报错，耶！ ...

Vue3 使用嵌套路由、以及遇到的 Property ‘xxx‘ does not exist on type

qq_43426246的博客

03-08

1万+

Vue3 与 vue2 Router中的使用，以及 Property 'xxx' does not exist on type

Property ‘$test‘ does not exist on type ‘ComponentPublicInstance

qubes的专栏

10-17

2363

eviroment vue3 + ts problem 期望使用全局变量 // main.ts app.config.globalProperties.$test = 123 // test.vue console.log(`this.$test`, this.$test) error Property ‘$test’ does not exist on type 'ComponentPublicInstance solution 定义$test的类型创建文件 src/shims-core.d.ts

最新发布

08-15

Property '$axios' does not exist on type 'CombinedVueInstance...' 2. Property '$router' does not exist 3. Parameter 'res' implicitly has an 'any' type in Promise then 我们将分别解决这三个问题。 ...

typescript 连接mysql_Deno + Oak 连接 MySQL 实战教程

weixin_29185167的博客

01-12

486

本文将进一步讲起，一起来学习如何将 MySQL 集成到我们的 Deno + Oak 项目中。如果你想随时了解本文的完整代码，可以在 chapter_2:mysql 中找到，欢迎给仓库点个 Star。我将假设你已经阅读了上一篇文章，如果没有，可以先在此处阅读完后再回到本文来。在我们开始前，请确保你已经安装了一个 MySQL 客户端并你能成功运行：MySQL community server [在这里...

EMMC 坏块

u012497906的专栏

11-18

1万+

[ 17.608802] Rebooting in 5 seconds.. [ 22.611205] Going down for restart now [ 22.614757] Calling SCM to disable SPMI PMI Format: Log Type - Time(microsec) - Message - Optional Info Log Ty

vue+TS中父组件调用子组件报错Property ‘xxx‘ does not exist on type ‘Vue‘解决方案

qq_40295815的博客

03-05

6300

在使用ts的过程中发现，父组件调用子组件方法的时候 this.$refs.childThisParent.handleCommitInfo() 发现vscode报错Property 'handleCommitInfo' does not exist on type 'Vue的情况，但是实际上运行效果完全没问题。主要原因是vscode会根据声明文件自动进行类型推断的，这里没法知道childMethod的类型因此，如下即可 (this.$refs.childThisParentas any)....

记录Property ‘xxx‘ does not exist on type问题解决方法

liyp921210的博客

03-20

7692

在Vue3 + TS 的demo项目中 , 使用app.config.globalProperties.$session = sessionStorage封装了一个全局的$session , 但是出现了Property '$session' does not exist on type的报错提示 , 查找了下发现是需要写一个声明文件。在src文件夹下新建一个xxx.d.ts文件。

TS 错误property does not exist on type Object

前端金牌摸鱼达人

08-03

1万+

在TypeScript中如果按JS的方式去获取对象属性，有时会提示形如Property 'value' does not exist on type 'Object'的错误。具体代码如下： var obj: Object = Object.create(null); obj.value = "value";//[ts] Property 'value' does not exist on type'Object'. 这是因为Typescript在执行代码检查时在该对象没有定义相应属性，遇到该报错有以

Property ‘unmount‘ does not exist on type ‘Window & typeof globalThis‘

天问博客-专注于大前端技术

12-12

1453

在 Vue3 + Vite + TS 的项目中，接入 MicroApp 微前端时，编辑器出现 TS2339: Property 'unmount' does not exist on type 'Window & typeof globalThis'. 的错误提示。

TypeScript报错解决--Property 'target' does not exist on type 'typeof Dep'.ts(2339)

学渣蓝鲸的博客

11-06

1万+

问题描述 demo代码： let uid = 0; Class Dep{ constructor(){ this.id = uid++; // vscode编译器报错 } } 使用vscode编写typeScript文件，使this.id赋值时会提示报错，报错信息如下： error : Property 'id' does not exist on type 'Dep'...

error TS2339: Property 'value' does not exist on type 'never'

03-04

<think>嗯，用户问的是TypeScript错误TS2339，具体是“Property 'value' does not exist on type 'never’”。我需要先理解这个错误的含义。TypeScript中的类型检查很严格，当访问一个对象的属性而TypeScript认为该对象的类型不包含该属性时，就会抛出这个错误。首先，用户可能是在尝试访问一个被推断为“never”类型的变量的属性。为什么会是“never”类型呢？通常是因为变量在某个作用域内无法被正确推断出类型，或者条件判断导致TypeScript认为该变量不可能有值。接下来，我应该考虑常见的场景。比如，使用数组的find方法后，如果没有正确的类型断言或类型保护，TypeScript可能会推断结果为“never”，导致访问属性时报错。或者在使用联合类型时，没有进行类型收窄，导致访问不存在的属性。然后，我需要思考如何解决这个问题。可能的解决方法包括添加类型断言、使用类型保护（如类型谓词或类型判断）、检查变量是否确实有值，或者在声明变量时明确指定类型，避免被推断为“never”。还要考虑用户可能的代码示例，比如： const arr = []; const item = arr.find(i => i.id === 1); console.log(item.value); // 这里arr是never[]，item是never类型这时候，用户会得到TS2339错误，因为arr被推断为never[]，所以item是never。解决方法包括初始化数组时指定类型，或者在find后使用类型断言。另外，如果用户使用了联合类型，但未正确收窄类型，也可能导致此错误。例如： let foo: string | number; if (typeof foo === 'string') { console.log(foo.length); } else { console.log(foo.toFixed(2)); // 这里没问题，因为else块中foo是number } 但如果条件判断有误，可能导致TypeScript无法正确推断类型，从而出现错误。还需要提醒用户检查变量是否可能为undefined或null，使用可选链操作符（?.）或非空断言（!）来避免错误，但要注意潜在的风险。最后，总结解决步骤：确定变量类型推断的原因，添加类型注解或初始化值，使用类型保护或断言，检查条件逻辑是否正确，以及合理使用TypeScript的工具来处理可能为空的变量。</think>当你在 TypeScript 中遇到 **error TS2339: Property 'value' does not exist on type 'never'** 时，这表示你正在尝试访问一个被 TypeScript 推断为 `never` 类型的对象的属性，但该类型上确实不存在该属性。以下是逐步解释和解决方法： --- ### **错误原因** 1. **`never` 类型的来源** TypeScript 的 `never` 类型表示永远不可能存在的值，常见场景： - 空数组未被正确类型标注时会被推断为 `never[]` - 类型收窄（Type Narrowing）后的不可能分支 - 未初始化的变量或错误的类型推断 2. **典型场景** 例如，你尝试从空数组中查找元素： ```typescript const arr = []; // 类型被推断为 never[] const item = arr.find(i => i.id === 1); // item 的类型是 never console.log(item.value); // 错误：Property 'value' does not exist on type 'never' ``` --- ### **解决方法** #### 1. **为变量/数组明确指定类型** ```typescript // 明确数组元素的类型 const arr: { id: number; value: string }[] = []; const item = arr.find(i => i.id === 1); if (item) { console.log(item.value); // 正确：item 的类型被推断为 { id: number; value: string } } ``` #### 2. **使用类型断言（Type Assertion）** ```typescript const arr = [] as { value: string }[]; // 断言数组类型 const item = arr.find(i => true); console.log((item as { value: string }).value); // 手动断言类型 ``` #### 3. **类型保护（Type Guard）** ```typescript const arr: Array<{ value?: string }> = []; const item = arr.find(i => true); if (item?.value) { // 使用可选链操作符（?.） console.log(item.value); // 安全访问 } ``` #### 4. **初始化变量时提供默认值** ```typescript let obj: { value: string } | null = null; // 明确联合类型 obj = { value: "hello" }; // 后续赋值 console.log(obj.value); // 安全访问（需先检查非空） ``` #### 5. **避免隐式的 `never` 类型** ```typescript // 错误示例：函数返回 never function fail(): never { throw new Error("Error"); } const result = fail(); // result 的类型是 never console.log(result.value); // 报错 ``` --- ### **常见案例** #### 案例 1：未类型化的空数组 ```typescript // 错误 const list = []; list.push(1); // 报错：类型“number”的参数不能赋给类型“never”的参数 // 修复 const list: number[] = []; list.push(1); // 正确 ``` #### 案例 2：条件分支中的类型收窄 ```typescript function test(val: string | number) { if (typeof val === "string") { console.log(val.length); } else { // 此处 val 是 number，但若错误访问属性会报错 console.log(val.toFixed(2)); } } ``` --- ### **总结** - **核心问题**：TypeScript 无法推断变量类型，导致它被标记为 `never`。 - **关键步骤**：明确变量类型、使用类型保护、避免隐式 `never`。 - **工具**：利用 TypeScript 的可选链（`?.`）、非空断言（`!`）和类型断言（`as`）。