typescript泛型
interface EventMap {"select": (id: string) => void;"update": () => void;}interface IEvent<K extends keyof EventMap> {type: string;fn: EventMap[K]}interface CustomMap<K extends keyof EventMap> {[key: string]: IEvent<K>}const map: CustomMap = {}我期望map的key为Ev...
2024-01-10
关于typescript声明文件
设置了index.d.ts声明文件还是不行，仍然报错。哪里配置的不对么？求大佬告知~~~回答你的src在哪？已经解决配置没有问题：解决方案：types声明文件.d.ts其中的需要与里面需要声明的模块名称相同...
2024-01-10
在TypeScript中导入json文件
我有一个如下JSON文件：{ "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkes...
2024-01-10
TypeScript中的类型断言
本文是关于 TypeScript 中的 type assertions 的，它与其他语言中的类型强制转换有相似之处，并通过 as 运算符执行。类型断言类型断言使我们可以覆盖 TypeScript 为存储位置计算的静态类型，这对于解决类型系统的限制很有用。类型断言与其他语言中的类型强制转换有相似之处，但是它们不会引发异常，并...
2024-01-10
看了typescript手册中接口部分，请问正确的应该怎么写？
请问在Image接口类中如何正确的声明state属性啊？回答文档写的很清楚了,私有属性不可以被其他类实现,只有子类可以,所以Image想要实现接口必须继承Control谢谢@PPxs199，是我文档没看仔细，以及对immplements理解的不够深，钻牛角尖了...
2024-01-10
Vue3+Vite+TypeScript中ts文件导出接口报错
使用的环境为Vite+Vue3+TypeScript。报错信息如下:Uncaught SyntaxError: The requested module '/src/components/columList/propType.ts' does not provide an export named 'IColumnProps'定义的对应的ts文件如下:export interface IColum...
2024-02-27
优雅的在vue中使用TypeScript
引言近几年前端对 TypeScript 的呼声越来越高，Typescript 也成为了前端必备的技能。TypeScript 是 JS 类型的超集，并支持了泛型、类型、命名空间、枚举等特性，弥补了 JS 在大型应用开发中的不足。在单独学习 TypeScript 时，你会感觉很多概念还是比较好理解的，但是和一些框架结合使用的话坑还是比较多...
2024-01-10
TypeScript：TS文件中import导入方法报错
我在一个文件中导出了getAppMode这个方法和AppMode这个枚举但是当我真正在ts文件中使用时，却会报没有导出这个错误。我尝试过不适用解构直接import state from '@/utils/state'然后打印出 state，发现state对象中是有我导出的东西的。怎么办有点惘然回答：export default 改成 export回答：ts 已经提示你了。原因在于你导出的时候是...
2024-03-14
基于TypeScript从零重构axios
download:基于TypeScript从零重构axios本课程首先讲解TS的基础语法和常见用法，然后带同学使用TS去实现一个完整的axios JS库，进行完整的单元测试，最后把开发的JS库打包并发布到npm上。通过课程学习掌握axios的实现原理，修炼原生JS内功，提升职场竞争力。适合人群 1-5年前端开发人员技术储备要求 有良...
2024-01-10
vue + typescript 中报如下警告提示该怎么解决
如下图所示，typescript + vue 项目中 vue-router 文件中报如图所示警告错误信息：类型“{ mode: string; base: any; routes: any[]; }”的参数不能赋给类型“RouterOptions”的参数。属性“mode”的类型不兼容。不能将类型“string”分配给类型“"history" | "hash" | "abstract" | undefined”。ts(2345)router-config.tsconst pageMap = {};const ...
2024-01-10在Typescript中反应createContext问题？
所以我在React Context + Typescript上遇到了一个很奇怪的问题。工作实例在上面的示例中，您可以看到我正在尝试做的实际工作。本质上，我正在使用新的useContext方法管理状态，并且它运行完美。但是，当我尝试在盒子上执行此操作时，似乎无法找到通过useReducer传递的状态值。export function AdminStoreProvider(...
2024-01-10
【前端问题精选】看了typescript手册中接口部分，请问正确的应该怎么写？
请问在Image接口类中如何正确的声明state属性啊？回答：文档写的很清楚了,私有属性不可以被其他类实现,只有子类可以,所以Image想要实现接口必须继承Control回答：谢谢@PPxs199，是我文档没看仔细，以及对immplements理解的不够深，钻牛角尖了...
2024-01-10
【Vue】vue+typescript中，使用axios报错？
在vue-cli3.0新建了一个typescript项目中使用axios，于是在main.ts中引入import axios from 'axios';Vue.prototype.$axios = axios;axios.defaults.baseURL = 'http://192.168.1.225:8088';在vue文件中结果报错这是我以前在js中用的方法，这次开始使用ts中报错，请问一下应该如何解决？感谢您的解答，谢谢回答在ts中，不识别vue下面挂$axio...
2024-01-10
【前端问题精选】typescript的引入.ts文件遇到的问题
项目是ts和js混用的tsx文件导入ts文件webpack打包错误（happypack的ts_loader)找不到.js文件在路径上加上.ts后缀，webpack可以打包成功但是vsCode有报错我想问一下有没有好的解决方案：让vscode不报错，或者webpack在tsx文件里默认加载.ts，在js文件里默认加载.js回答：webpack 配置下 extensions 就好了回答：老哥 ...
2024-01-10使用TypeScript在React组件中的默认属性值
我不知道如何使用Typescript为我的组件设置默认属性值。这是源代码：class PageState{}export class PageProps{ foo: string = "bar";}export class PageComponent extends React.Component<PageProps, PageState>{ public render(): JSX.Element { return ( <span>Hello, wor...
2024-01-10在带有TypeScript的构造函数中声明属性
从草稿js文档中，可以（在普通React中，没有打字稿）设置草稿js环境，从而注意到该onChange属性可以直接在构造函数中声明：import React from 'react';import ReactDOM from 'react-dom';import {Editor, EditorState} from 'draft-js';class MyEditor extends React.Component { constructor(props) { super(props); thi...
2024-01-10TypeScript：从类型/减法类型中删除键
我想定义一个ExcludeCart<T>基本类型，T但要cart删除给定键（在我的情况下为）的通用类型。所以，举例来说，ExcludeCart<{foo:number, bar: string, cart: number}>将是{foo: number, bar:string}。有没有办法在TypeScript中做到这一点？这就是为什么我要这样做的原因，以防万一我把错误的树叫了起来：我正在将现有的JavaScrip...
2024-01-10将数组映射到Typescript/Angular中的对象
我有一个查询后端API的服务。该API返回一组逗号分隔的文本行。这些列对应于我创建的TypeScript类中的属性。类是：将数组映射到Typescript/Angular中的对象export class TopTalker { constructor( public source: string, public protocol: number, public packets: number, public _percent: string, publ...
2024-01-10手把手教你使用TypeScript开发Node.js应用
为什么要使用TypeScript？为了减少代码编写过程中出现的错误，以及更好的维护你的项目，本文将手把手教你配置一个简单的开发环境来编写Node.js的应用程序，创建这样的一个开发环境有很多方式，这只是其中一种，希望对你有所帮助！手把手教你使用TypeScript开发Node.js应用首先配置package.json因为...
2024-01-10如何在装饰器中重用TypeScript中的装饰器
我试图创建一些包装Angular2装饰器的功能。我想简化添加CSS类到主机的过程，所以我创建了以下内容：如何在装饰器中重用TypeScript中的装饰器警告：不与AOT编制工作type Constructor = {new(...args: any[]): {}}; export function AddCssClassToHost<T extends Constructor>(cssClass: string) { return function (constructor: T) { c...
2024-01-10有没有办法在TypeScript中进行方法重载？
有没有办法用TypeScript语言进行方法重载？我想实现以下目标：class TestClass { someMethod(stringParameter: string): void { alert("Variant #1: stringParameter = " + stringParameter); } someMethod(numberParameter: number, stringParameter: string): void { alert("...
2024-01-10AngularJS中的TypeScript拦截器
我在使用TypeScript在AngularJS中设置请求拦截器时遇到问题以下代码段有效，但无效版本已注释掉。无论我在构造函数中注入什么，局部变量在request方法中都是未定义的。module Services{ export class AuthInterceptor { public static Factory(TokenService: Services.ITokenService) { return new AuthIntercept...
2024-01-10typescript如何限定键值类型为字符且为指定字符串？
在使用 vue3+ts 开发中，如何限制传入的参数 type 值类型为 string 且为指定的三个字符串之一<script setup lang="ts"> import { ref } from "vue"; const props = defineProps({ type: String, }); const bgColor = ref("")...
2024-03-09
面试题：请问typescript如何做到对象合并的类型推导？
实现两个对象部分属性的合并，比如说t,s两个对象，当s中有t不存在的属性时给t加上s的属性并赋值。要求不更改t的引用地址。方法如下const merge = (target, source)=> {for (const key in source) { if (typeof target[key] === 'undefined') { target[key...
2024-03-07无类型npm模块的TypeScript自定义声明文件
我从npm到我使用TypeScript的项目中使用了一个名为shiitake的React组件。该库没有TypeScript声明，所以我想我会写一个。声明文件如下所示（它可能不完整，但不必担心太多）：import * as React from 'react';declare module 'shiitake' { export interface ShiitakeProps { lines: number; } export default class Shiitake ex...
2024-01-10
