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

TypeScript中Vue路由配置问题
最新推荐文章于 2024-07-26 22:31:37 发布
最新推荐文章于 2024-07-26 22:31:37 发布
阅读量6k 收藏 4
点赞数 1
CC 4.0 BY-SA版权
文章标签： javascript python ViewUI
原文链接：https://my.oschina.net/u/3060934/blog/1563209
本文探讨了在TypeScript环境中配置Vue应用时遇到的问题，特别是在组件中使用this.$router时遇到的错误提示，并提供了两种解决方案：使用this[$router]及在组件内提前声明$router。

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

项目想引进 typescript ，终于在DEMO 中 把其他东西配好了

但是实际使用的时候，发现在组件里面使用 this.$router 的时候报错

说 这个组件 没有这个属性

151251_BA4E_3060934.png

151332_syZH_3060934.png

然后我发现 有两种 解决办法，但是我无法说明这是为什么

  1. 把 this.$router 改成 this["$router"]，这么写就不会报错了
  2. 在 组件中 提前声明 $router 这个东西，然后直接使用 this.$router 就不会报错了

    151606_uOwY_3060934.png

 

转载于:https://my.oschina.net/u/3060934/blog/1563209

vue-router 动态路由 warning:Route with name ‘Menu‘ does not exist
News777的博客
10-10 1614
vue-router 动态路由 warning:Route with name 'Menu' does not exist
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 2352
发现typescript 项目只要是使用了this. 的写法都会报红警告，参考网上的写法this[''] 写法可以解决此问题，但是项目里太多this.写法，改起来太多了。而且以后都要写成this[]。比对资料发现，在tsconfig.json 里面的compilerOptions下配置"noImplicitThis": false 可以解决this. 使用问题。问题：Property 'XXX' does not exist on type '....用以上方法解决了问题。
Property ‘$store‘ does not exist on type ‘CreateComponentPublicInstance的解决办法
总柴的博客
04-14 9650
Property ‘$store’ does not exist on type 'CreateComponentPublicInstance的解决办法 项目：vue3 + Typescriyt + Vuex 问题原因：Vuex不提供开箱即用的this.$store属性类型。与TypeScript一起使用时，必须声明自己的模块扩充。 解决办法：在src文件夹下新建文件夹vue.d.ts，内容为： // vuex.d.ts import { ComponentCustomProperties } from '
typeScript + vue3.0 中出现 Property ‘$store‘ does not exist on type报错解决方法
菜鸟成长史
07-20 1505
Property '$store' does not exist on type 报错
vue+typescript中，方法里调用this.$router 报错
weixin_43430298的博客
08-23 1656
created(){ let router:any=this.$router console.log(router.options.routers) } 然后在shims-vue.d.ts文件中添加如下代码： declare module '*.vue' { import Vue from 'vue'; export default Vue; }; import VueRouter from 'vue-router'; import {Route} from 'vue-rou..
vue2中Property '$router' does not exist on type 'CombinedVueInstance如何解决
最新发布
05-12
好的，用户的问题是Vue2中遇到Property '$router' does not exist on type 'CombinedVueInstance'的错误，需要解决方案。让我先回忆一下之前提供的解决方案，以及用户现在提供的引用内容。 首先，用户之前的问题是...
vue3-ts-error：vue 3 ts错误重现
02-28
在这个"vue3-ts-error"项目中，开发者可能遇到了在 Vue 3 和 TypeScript 集成过程中产生的错误。以下是可能出现的一些关键问题及其解决方案： 1. **类型声明错误**：Vue 3 引入了Composition API，其中的 setup() ...
Property ‘$test‘ does not exist on type ‘ComponentPublicInstance
qubes的专栏
10-17 2332
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
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）
10-14
主要介绍了vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue3 使用嵌套路由、以及遇到的 Property ‘xxx‘ does not exist on type
qq_43426246的博客
03-08 1万+
Vue3 与 vue2 Router中的使用，以及 Property 'xxx' does not exist on type
记录Property ‘xxx‘ does not exist on type问题解决方法
liyp921210的博客
03-20 7603
在Vue3 + TS 的demo项目中 , 使用app.config.globalProperties.$session = sessionStorage封装了一个全局的$session , 但是出现了Property '$session' does not exist on type的报错提示 , 查找了下发现是需要写一个声明文件。在src文件夹下新建一个xxx.d.ts文件。
ts：报错Property xxx does not exist on type
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
06-01 7218
1、把 this.$router 改为 this['$router'] 2、对类型进行补充，修改文件vue-shim.d.ts
TS 类型上不存在属性( Property ‘$xxx‘ does not exist on type ‘xxx‘；)
MISSNext的博客
07-05 1万+
问题 访问vue原型绑定的属性，在组件中使用的时候报错，如果使用eslint 运行不起来 解决 方式1（繁琐，使用页面需要增加多个） $http:any this.$http 方式2 (繁琐，使用此方法的组件都需要声明一次) [x:string]:any 方式三（建议使用这一种） 在src目录下新增xxx.d.ts文件 （全局声明简捷 如下） import VueRouter, { Route } from 'vue-router'; declare module 'vue/types/vue
Vue 错误 Property ‘xxx‘ does not exist on type ‘{}‘.
Tao 技术博客
12-21 3890
vue 简单错误
终极解决TS 或者 Vetur 报错，Cannot find module ‘@/xx/xxx‘，找不到*.vue 等编译问题
热门推荐
张兴华的博客
12-13 3万+
报错详情：类似于 // 编译器报错： Cannot find module '@/xx/xxx' or its corresponding type declarations.Vetur(2307) // 编译器报错： 找不到模块“XXX.vue”或其相应的类型声明。ts(2307) // 或者 控制台报错 this.$router 等 解决方案配置： // tsconfig.json { "compilerOptions": { "target": "esnext",
TS快速入门
徐同保的专栏
04-15 5845
一、装包 装包： yarn global add typescript 检查版本： tsc -V
Property ‘xxx‘ does not exist on type ‘{ xxx(file: any, fileList: any): void；的报错
qq_61268825的博客
12-30 2788
关闭tsconfig.json里的"strict",把 true 改为 false 即可
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值