引入json文件报错:_【ts】vue-typescript-admin类型any仍然报错

1e6fc77a0a4aa6d769ac12307e0e736c.png

1.Property ‘validate’ does not exist on type ‘Vue | Element | Vue[] | Element[]’.Property ‘validate’ does not exist on type ‘Vue’.Vetur(2339)

6376d1e58139d8ae9d6f0df1d65a4690.png

方法一:

(this.$refs.dataForm as any).validate() //这样就不报错了

83bdf70ff8a7e1435d096cdb171b7ba4.png

方法二:
先在js里头的前面引入element 的Form,再as Form

import {Form} from "element-ui"; 
(this.$refs.dataForm as Form).validate();

715d21c91efa70374a6690a7459d20e5.png

e132028f0d35126e51d307347628da46.png


参考:https://blog.csdn.net/qq_35257117/article/details/91362483

http://2.xxx does not exist on type ‘AxiosResponse’.Vetur(2339)

a13a75e3a542751b2f2fcc638b1b2c8c.png

解决方案:
1.新建axios.d.ts文件,如在该目录: src/types/axios/axios.d.ts
2.axios.d.ts文件内容

import * as axios from 'axios'

declare module 'axios' {
  interface AxiosInstance {
    (config: AxiosRequestConfig): Promise<any>
  }
}

3.修改项目第一层目录下的tsconfig.json配置文件

{
  "compilerOptions": {
    "typeRoots":[
      "./node_modules/@types",
      "./src/types/"
     ]
  }
}

4.关闭前端服务器,再重启vscode,试试效果,不报错了

bf56c533438d93d850a920341adcea49.png

参考:https://github.com/axios/axios/issues/1510#issuecomment-529284409

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值