在TypeScript中导入json文件
我有一个如下JSON文件：{ "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkes...
2024-01-10
看了typescript手册中接口部分，请问正确的应该怎么写？
请问在Image接口类中如何正确的声明state属性啊？回答文档写的很清楚了,私有属性不可以被其他类实现,只有子类可以,所以Image想要实现接口必须继承Control谢谢@PPxs199，是我文档没看仔细，以及对immplements理解的不够深，钻牛角尖了...
2024-01-10
关于vue使用typescript全局注册组件的问题
// src/compontents/table.vue<template> <div class="table"></div></template><script lang="ts">import { Component, Vue } from 'vue-property-decorator';@Component({ name: 'TableData' })export ...
2024-03-01如何在TypeScript中导出对象？
例如，我正在尝试导出TS对象以获取以下JavaScript输出：const path = require('path'), rootPath = path.normalize(__dirname + '/..'), env = process.env.NODE_ENV || 'development';let config = { development: { amqpUrl: "amqp://localhost:15672", root: rootPath }, te...
2024-01-10如何在Typescript中解析JSON字符串
有没有一种方法可以将Typescript中的字符串解析为JSON。示例：在JS中，我们可以使用JSON.parse()。Typescript中有类似的功能吗？我有一个JSON对象字符串，如下所示：{"name": "Bob", "error": false}回答：Typescript是javascript（的超集），因此您可以JSON.parse像在javascript中那样使用它：let obj = JSON.parse(jsonString);只...
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
TypeScript：TS文件中import导入方法报错
我在一个文件中导出了getAppMode这个方法和AppMode这个枚举但是当我真正在ts文件中使用时，却会报没有导出这个错误。我尝试过不适用解构直接import state from '@/utils/state'然后打印出 state，发现state对象中是有我导出的东西的。怎么办有点惘然回答：export default 改成 export回答：ts 已经提示你了。原因在于你导出的时候是...
2024-03-14在NestJS中导入具有依赖注入的TypeScript模块
在我的NestJS应用程序中-我有TypeScript类，这些类中已经注入了其他类和值。唯一的是，我要导入带有import语句的TypeScript类，并使用DI系统注入它们。有什么方法可以删除导入语句并让DI系统处理它？回答：回答：import ->类参考DI->类实例化可以通过字符串标记进行匹配，但最好使用类引用。 回答：...
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中实现接口时如何定义私有属性？
我在项目中使用TypeScript，但遇到了一个问题。我正在定义这样的接口：interface IModuleMenuItem { name: string;}我想创建一个从该接口实现的类，但我希望该名称成为这样的私有属性：class ModuleMenuItem implements IModuleMenuItem { private name: string;}我收到以下错误：类ModuleMenuItem错误地实现了接口IModuleMenuIt...
2024-01-10
【前端问题精选】react中使用typescript一个疑问
大概看了typescript，但关于泛型了解的不多，这里的<ToastProps, any>分别是什么意思？ ToastProps好像是针对ToastContainer类的props，为什么会针对到它的props呢？后面的any又是针对谁？麻烦大神能详细赐教～万分感谢回答：具体关系要看类的实现，用泛型参数类型来约束类的成员/方法参数类型但是大部分时...
2024-01-10
【前端问题精选】看了typescript手册中接口部分，请问正确的应该怎么写？
请问在Image接口类中如何正确的声明state属性啊？回答：文档写的很清楚了,私有属性不可以被其他类实现,只有子类可以,所以Image想要实现接口必须继承Control回答：谢谢@PPxs199，是我文档没看仔细，以及对immplements理解的不够深，钻牛角尖了...
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
【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在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-10TypeScript：从类型/减法类型中删除键
我想定义一个ExcludeCart<T>基本类型，T但要cart删除给定键（在我的情况下为）的通用类型。所以，举例来说，ExcludeCart<{foo:number, bar: string, cart: number}>将是{foo: number, bar:string}。有没有办法在TypeScript中做到这一点？这就是为什么我要这样做的原因，以防万一我把错误的树叫了起来：我正在将现有的JavaScrip...
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-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中进行方法重载？
有没有办法用TypeScript语言进行方法重载？我想实现以下目标：class TestClass { someMethod(stringParameter: string): void { alert("Variant #1: stringParameter = " + stringParameter); } someMethod(numberParameter: number, stringParameter: string): void { alert("...
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中enum枚举类型的实现原理？
ts中的代码：// 数字枚举enum PostStatus {Draft = 0,baidu = 1,sougou = 2,}上述编译为js代码：var PostStatus;(function (PostStatus) {PostStatus[PostStatus["Draft"] = 0] = "Draft";PostStatus[PostStatus["baidu"] = 1] = "baidu";PostStatus[PostStatus["sougou"] = 2] = "sougou";})(P...
2024-01-10是否可以在TypeScript接口中使用getter/setters？
我想用readonly属性定义一个接口。例如;是否可以在TypeScript接口中使用getter/setters？interface foo { get bar():bool; } 但是，这给出了语法错误，“预期”;'“吧。我已将VisualStudio设置为使用ES5目标，因此支持getter。这是接口的限制吗？未来可能会发生这种变化;能够做到这是一件非常美好的事情。回答：...
2024-01-10
如何在Vue组件中声明其它组件的方法(Typescript)？
子组件<script lang="ts">import { Vue } from 'vue-property-decorator'export default class Child extends Vue { public func(): void { // }}</script>父组件<template> <child ref="child" /></templ...
2024-03-03关于TypeScript中import JSON的正确姿势详解
前言Typescript是微软内部出品的，用actionscript的语法在写js的一门新语言，最近 TypeScript 中毒，想想我一个弱类型出身的人，怎么就喜欢上了类型约束……当然这不是重点，重点可能还是 JS 没有接口，我没法靠 class 语法糖写的非常 OO……下面这篇文章想说的其实是在 ts 中如何正确的 import json 格式。首...
2024-01-10
【TS】TypeScript中的可自定义属性和为空属性
可选属性接口里的属性不全都是必需的。 有些是只在某些条件下存在，或者根本不存在。 例如给函数传入的参数对象中只有部分属性赋值了。带有可选属性的接口与普通的接口定义差不多，只是在可选属性名字定义的后面加一个?符号。如下所示：interface Person {name: string;age?: number;gender?: number;}...
2024-01-10
