问答

typescript中interface约束不生效

作者:admin 2021-05-13 我要评论

index.d.ts export interface State { ua: string} state.ts import { State } from "./index.d";const state = (): State = ({ ua: "other"});export default s...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

index.d.ts

export interface State {
    ua: string
}

state.ts

import { State } from "./index.d";
const state = (): State => ({
    ua: "other"
});
export default state;

mutations.ts

import * as TYPES from "./types";
import { State } from "./index.d";
const mutations = {
    /**
     * 保存浏览器类型
     */
    [TYPES.SAVE_UA](state: State, info: string) {
        // 这里使用State的interface有问题
        // (state as any).ua = info; 正常
        state.ua = info; // 报错 Property 'ua' does not exist on type 'State'.
    }
};
export default mutations;

image.png

我这个问题出在哪里了啊 我的State中明明 有ua这个属性的啊

###

image.png

###

代码看起来没啥问题,有可能有其它命名也为State的类型和你这个类型冲突了,你可以尝试一下这么做:

  1. 把State改一下命名
  2. 调用Mutations的代码也放上来,并且看看调用的时候State类型是啥,以及Mutations里的的state类型是啥。
  3. 描述清楚一点,“Property 'ua' does not exist on type 'State'.”在什么情况下出现。
###

要把你把 interface 写到 state.ts 文件里

export interface State {
    ua: string
}

const state = (): State => ({
    ua: "other"
})
export default state
###

感谢大家, 我重启了下ide好了

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 请问下prometheus怎么进行自定义的按业

    请问下prometheus怎么进行自定义的按业

  • 节流函数为什么,点击无效,监听窗口大

    节流函数为什么,点击无效,监听窗口大

  • express访问静态资源失败

    express访问静态资源失败

  • IE 浏览器下 match 方法报错

    IE 浏览器下 match 方法报错

腾讯云代理商
海外云服务器