angular中的TypeScript错误:声明类型既不是'void‘也不是'any’的函数必须返回值

在Angular中，TypeScript错误"声明类型既不是'void'也不是'any'的函数必须返回值"是指在函数声明中，函数的返回类型既不是'void'也不是'any'，但函数没有返回任何值。这个错误通常发生在函数声明中没有使用return语句来返回值的情况下。

要解决这个错误，你可以采取以下几种方法：

确保函数中使用了return语句来返回值。根据函数的返回类型，你需要在函数体中使用return语句返回相应的值。例如，如果函数的返回类型是number，你需要在函数体中使用return语句返回一个number类型的值。
如果函数确实没有返回任何值，你可以将函数的返回类型设置为'void'。'void'表示函数没有返回值。例如：

function myFunction(): void {
  // 函数体
}

如果你确定函数可能返回不同类型的值，你可以将函数的返回类型设置为'any'。'any'表示函数可以返回任何类型的值。但是要注意，使用'any'会丧失类型检查的好处。例如：

function myFunction(): any {
  // 函数体
}

以上是解决该错误的一些常见方法。根据具体情况，你可以选择适合的方法来解决这个错误。

关于Angular和TypeScript的更多信息，你可以参考腾讯云的相关产品和文档：

相关·内容

TypeScript 简介及编码规范

) 类型 Void 某种程度上来说，void 类型像是与 any 类型相反，它表示没有任何类型。...当一个函数没有返回值时，你通常会见到其返回值类型是 void： // 声明函数返回值为void function warnUser(): void { console.log("This is...例如，never 类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型。...TypeScript 中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述。...比如：使用 let x = 1; var y = 2; 而不是 let x = 1, y = 2;）。如果函数没有返回值，最好使用 void

10K4 0

TypeScript 基础教程

// 返回never的函数必须存在无法达到的终点 function error(message: string): never { throw new Error(message); } // 推断的返回值类型为...常用于复合类型数据变量的类型声明。对象类型约定使用大写字母开头。type 声明的类型，里面包含的属性必须刚好全部满足，不能多也不能少，否则编译将报错，可选属性除外。...// 类型声明里的属性必须存在，可选属性声明前使用: "?"...: number; } let bar: Person = { name: 'bar', sex: "man", age: 18, } Typescript 中函数的类型声明 *** 函数声明主要涉及到函数参数类型声明以及函数返回值类型限定...) as HTMLElement; } 类型推论：定义：TypeScript 会通过变量或返回值等赋值时推导出这个值的类型，如果在随后的代码中又进行了不同类型的值赋值，那么编译会报错： let foo

1K2 0

从 JavaScript 到 TypeScript

可以发现类型声明可大写也可小写，后文同理。...) // 3 Any 类型 any 是默认的类型，其类型的变量允许任何类型的值： let notSure:any = 10; let notSure2:any[] = [1,"2",false]; Void...类型 JavaScript 没有空值 Void 的概念，在 TypeScirpt 中，可以用 void 表示没有任何返回值的函数： function alertName(): void { console.log...TypeScript能够根据返回语句自动推断出返回值类型，因此我们通常省略它。下面函数 add, add2, add3 的效果是一样的，其中是 add3 函数是函数完整类型。...除了描述带有属性的普通对象外，接口也可以描述函数类型。定义的函数类型接口就像是一个只有参数列表和返回值类型的函数定义。参数列表里的每个参数都需要名字和类型。

1.5K4 0

TypeScript 快速入门(基础篇)

现在Vue 3.0 今年预计更新了，底层采用TS 编写, React 已经采用 TS 编写 Angular 很早就采用TS 了前端三大巨头框架都已采用，可知TypeScript的重要性了。...的子类型别的类型不能赋值给never类型，而 never 类型可以赋值给任意类型 void 类型 void 为函数没有类型，一般用在没有返回值的函数 # 如果方法类型为number，则必须返回内容...，内容且必须为数字 function add():number{ return 2323; } # 如果方法类型为void，不需要返回内容 function getAdd():void{...} const aa = getAny() console.log(aa)//999 'Hello TypeScript' 类型检测类型推断变量的声明和初始化在同一行时，可以省去类型的声明 const...或者string TS 中的函数 function 使用 #方法定义传递参数 function getNum(str1:any,age:number):any{ console.log(str1

9222 0

1.8W字|了不起的 TypeScript 入门教程（第二版）

在元组初始化的时候，我们还必须提供每个属性的值，不然也会出现错误，比如： tupleType = ["semlinker"]; 此时，TypeScript 编译器会提示以下错误信息： Property...当一个函数没有返回值时，你通常会见到其返回值类型是 void： // 声明函数返回值为void function warnUser(): void { console.log("This is my...，就得要求数字索引的返回值必须是字符串索引返回值的子类。...R : any; 以上代码中 infer R 就是声明一个变量来承载传入函数签名的返回值类型，简单说就是用它取到函数返回值的类型方便之后使用。..., // 有未使用的参数时，抛出错误 "noImplicitReturns": true, // 并不是所有函数里的代码都有返回值时，抛出错误

10K5 1

TypeScript不学？你养我啊

let bool = true; bool = 123 函数在js中函数是不考虑参数的类型和个数的。...str = e as string 除了这种断言,还有另一种 str = e; void void在函数的返回值使用如下，函数的返回值是boolean类型。...void 当返回值是boolean的时候，他也会自动检测出是boolean。...既然在这里提了这个问题，那肯定是用void。在vsCode编辑器中null返回值不能使用void类型，对于null类型的可以如下面的下面的写法。而在webstorm中就是可以的。...也可以在函数返回值使用。如下：返回值类型是字符串或者数值。

8692 0

Angular&TypeScript

Angular&TypeScript 博客首页：蔚说的博客欢迎关注点赞收藏⭐️留言作者水平很有限，如果发现错误，求告知，多谢！有问题可私信交流！！！...TS学习手册直通车 TS的扩展特性： TS是强类型语言—js是弱类型语言强类型语言的特点：变量，形参，函数都要声明类型 uname：string f1(n1:number):boolean{...return ture } 常用的数据类型关键字：string、number、boolean、any、number[]、Object、Date、Void TS对属性和方法成员定义三种访问修饰符，...必须具备XXX方法”如管道类必须实现transform方法 //使用接口要求小汽车必须提供start和stop两个方法 interface Runnable{ start():any;//接口的方法没有主题...装饰器使用 @expression这种形式，expression求值后必须为一个函数，它会在运行时被调用，被装饰的声明信息做为参数传入。

7353 0

TypeScript手记（六）

这就是说我们可以传入一个既不是 number 也不是 string 类型的参数，但是 TypeScript 却不报错。...这也意味着，你阻止不了将它们赋值给其它类型，就算是你想要阻止这种情况也不行。null的发明者，Tony Hoare，称它为价值亿万美金的错误。...--strictNullChecks 标记可以解决此错误：当你声明一个变量时，它不会自动地包含 null 或 undefined。...因为它无法跟踪所有对嵌套函数的调用，尤其是你将内层函数做为外层函数的返回值。如果无法知道函数在哪里被调用，就无法知道调用时 name 的类型。...字符串字面量类型字符串字面量类型允许你指定字符串必须具有的确切值。在实际应用中，字符串字面量类型可以与联合类型，类型保护很好的配合。通过结合使用这些特性，你可以实现类似枚举类型的字符串。

1K1 0

TypeScript never 类型

例如， never 类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型。此外，变量也可能是 never 类型，当它们被永不为真的类型保护所约束时。...即使 any 也不可以赋值给 never。...); } // 推断的返回值类型为never function fail() { return error("Some error happened"); } // 返回never的函数必须存在无法达到的终点...四、never 和 void 之间的区别 TypeScript 已经具有 never 类型，为什么它需要一个 void 类型。...在这些情况下，我们通常忽略返回值。在 TypeScript 中这些函数的返回类型被推断为 void。具有 never 返回类型的函数永不返回。它也不返回 undefined。

4.1K1 0

TypeScript 官方手册翻译计划【四】：函数

在这个例子中，没有什么有趣的事情值得注意。我们允许 TypeScript 推断 longest 函数返回值的类型。返回值的类型推断也适用于泛型函数。...它推断得到的返回值类型是 Type，而 firstElement2 推断得到的返回值类型却是 any，因为 TypeScript 需要使用约束类型去解析 arr[0] 表达式，而不是在函数调用期间“等着...在可能的情况下，请始终使用联合类型参数，而不是重载在函数中声明 this TypeScript 可以通过代码流分析推断出函数中的 this 指向。...当返回值是 never 类型的时候，意味着函数抛出了一个异常，或者终止了程序的执行。当 TypeScript 确定联合类型中没有其它剩余类型的时候，也会用到 never。...30, 40] const a = multiply(10, 1, 2, 3, 4); 在 TypeScript 中，这些参数的类型注解隐式为 any[] 而不是 any，任何给定的类型注解也必须是 Array

2.5K2 0

4000字讲清《深入理解TypeScript》一书【基础篇】

中写代码，尽可能的减少 any 的使用；回到旧代码，开始添加类型注解，并修复已识别的错误；为你的第三方 JavaScript 代码定义环境声明。...Never never 类型是 TypeScript 中的底层类型。...它自然被分配的一些例子：一个从来不会有返回值的函数（如：如果函数内含有 while(true) {}）；一个总是会抛出错误的函数（如：function foo() { throw new Error...，never 表示一个从来不会优雅的返回的函数时，你可能马上就会想到与此类似的 void，然而实际上，void 表示没有任何类型，never 表示永远不存在的值的类型。...当一个函数没有返回值时，它返回了一个 void 类型，但是，当一个函数根本就没有返回值时（或者总是抛出错误），它返回了一个 never，void 指可以被赋值的类型（在 strictNullChecking

1.9K3 0

React + TypeScript + Hook 带你手把手打造类型安全的应用。

const refreshTodos = () => { // 这边必须手动声明axios的返回类型。... []; const refreshTodos = () => { // FIXME 这边必须手动声明axios的返回类型。...现在需要把 axios 的函数类型声明的更加严格，我们需要把入参 payload 的类型和返回值的类型都通过传入的 url 推断出来，这里要利用泛型推导： function axios<U extends...但是就算是写宽松版本的 TypeScript，带来的收益也远远比裸写 JavaScript 要高很多，尤其是在别人需要复用你写的工具函数或者组件时。...而且 TypeScript 也可以在开发时就避免很多粗心导致的错误，详见： TypeScript 解决了什么痛点？

881 0

快速了解typescript语法

一、数据类型 ---- String 类型一个保存字符串的文本，类型声明为 string。可以发现类型声明可大写也可小写，后文同理。...) // 3 Any 类型 any 是默认的类型，其类型的变量允许任何类型的值： let notSure:any = 10; let notSure2:any[] = [1,"2",false]; Void...类型 JavaScript 没有空值 Void 的概念，在 TypeScirpt 中，可以用 void 表示没有任何返回值的函数： function alertName(): void { console.log...TypeScript能够根据返回语句自动推断出返回值类型，因此我们通常省略它。下面函数 add, add2, add3 的效果是一样的，其中是 add3 函数是函数完整类型。...除了描述带有属性的普通对象外，接口也可以描述函数类型。定义的函数类型接口就像是一个只有参数列表和返回值类型的函数定义。参数列表里的每个参数都需要名字和类型。

8252 0

React + TypeScript + Hook 带你手把手打造类型安全的应用。

前言 TypeScript可以说是今年的一大流行点，虽然Angular早就开始把TypeScript作为内置支持了，但是真正在中文社区火起来据我观察也就是没多久的事情，尤其是在Vue3官方宣布采用TypeScript...const refreshTodos = () => { // 这边必须手动声明axios的返回类型。...现在需要把axios的函数类型声明的更加严格，我们需要把入参payload的类型和返回值的类型都通过传入的url推断出来，这里要利用泛型推导： function axios <U extends Urls...但是就算是写宽松版本的TypeScript，带来的收益也远远比裸写JavaScript要高很多，尤其是在别人需要复用你写的工具函数或者组件时。...而且TypeScript也可以在开发时就避免很多粗心导致的错误，详见： TypeScript 解决了什么痛点？

1.8K1 0

深度讲解TS：这样学TS，迟早进大厂【11】：类型断言

语法§ 值 as 类型或值在 tsx 语法（React 的 jsx 语法的 ts 版）中必须使用前者，即值 as 类型。...我们声明了函数 isApiError，它用来判断传入的参数是不是 ApiError 类型，为了实现这样一个函数，它的参数的类型肯定得是比较抽象的父类 Error，这样的话这个函数就能接受 Error 或它的子类作为参数了...需要注意的是，将一个变量断言为 any 可以说是解决 TypeScript 中类型问题的最后一个手段。它极有可能掩盖了真正的类型错误，所以如果不是非常确定，就不要使用 as any。...上面的例子中，我们也可以通过[扩展 window 的类型（TODO）][]解决这个错误，不过如果只是临时的增加 foo 属性，as any 会更加方便。...'tom'); tom.run(); 通过给 getCacheData 函数添加了一个泛型 ``，我们可以更加规范的实现对 getCacheData 返回值的约束，这也同时去除掉了代码中的 any，是最优的一个解决方案

1.1K2 0

TS 进阶 - 类型基础

：每一个属性的值必须一一对应到接口的属性类型不能有多的属性，也不能有少的属性。...# 函数 # 函数的类型签名函数的类型描述函数入参类型和函数返回值类型。...# void 类型在 TypeScript 中，一个没有返回值（即没有调用 return 语句）的函数，其返回值类型应该被标记为 void 而不是 undefined，尽管它的实际值就是 undefined...拥有多个重载声明的函数在被调用时，是按照重载的声明顺序往下查找的。 TypeScript 中的重载更像伪重载，只有一个具体的实现，其重载体现在方法调用的签名上而不是具体实现细节上。...在 TypeScript 中无法声明静态的抽象成员。对于抽象类，其本质是描述类的结构，因此也可以用 interface 来声明类的结构。

1.7K5 0

TypeScript学习笔记（二）—— TypeScript基础

2.4、空值 JavaScript 没有空值（Void）的概念，在 TypeScript 中，可以用 void 表示没有任何返回值的函数： function alertName(): void {...let list: any[] = ['xcatliu', 25, { website: 'http://abc.com' }]; 八、函数的类型 8.1、函数声明在 JavaScript 中，有两种常见的定义函数的方式...我们声明了函数 isApiError，它用来判断传入的参数是不是 ApiError 类型，为了实现这样一个函数，它的参数的类型肯定得是比较抽象的父类 Error，这样的话这个函数就能接受 Error 或它的子类作为参数了...需要注意的是，将一个变量断言为 any 可以说是解决 TypeScript 中类型问题的最后一个手段。它极有可能掩盖了真正的类型错误，所以如果不是非常确定，就不要使用 as any。...上面的例子中，我们也可以通过[扩展 window 的类型（TODO）][]解决这个错误，不过如果只是临时的增加 foo 属性，as any 会更加方便。

5K2 0

函数_TypeScript笔记5

一.类型函数的类型分为两部分：参数：各个参数的类型 返回值：返回值的类型例如： // 具名函数 function add(x: number, y: number): number { return...x + y; }// 匿名函数 let myAdd = function(x: number, y: number): number { return x + y; }; 带类型的函数声明足够表达一个函数的类型信息...); P.S.注意到上面示例只声明了一份类型，是因为右边匿名函数的类型能够根据左侧类型声明自动推断出来，称之为语境类型推断（contextual typing）另外，类型描述里的参数名只是可读性需要，...另外，类型描述中也采用了相同的语法： let buildNameFun: (fname: string, ...rest: string[]) => string = buildName; 三.this...sum(a, b) { return Number(a) + Number(b); }// 这里value是any类型 let value = sum(1, 2); 上例中先声明的更宽泛的any

7473 0

【TypeScript】超详细的笔记式教程【中】

函数基本定义 TypeScript中函数的定义如下： function sum(x: number, y: number): number { return x + y } 函数表达式 let...函数的参数都是必传的，不能少，也不能多，比如这样：再比如，这样：可选参数与接口中的可选属性类似，用?...【欺骗】TypeScript编译器，无法避免运行时的错误，滥用类型断言可能会导致运行错误，举个栗子： interface Dog { name: string; run(): void;...声明了函数`isApiError`，用来判断传入的参数是不是`ApiError`类，但是由于父类`Error`中并没有`code`这个属性，所以直接使用就会报错，就要使用`as`进行`类型断言` 将任何一个类型断言为...但是有时候我们的写法是完全没有问题的，比如： window.foo = 1 在js中，这种写法完全ok，给window添加属性foo，值为1，但是，在TypeScript中是不支持的，它会抛出这个错误类型

9822 0

了不起的 TypeScript 入门教程

在元组初始化的时候，我们还必须提供每个属性的值，不然也会出现错误，比如： tupleType = ["Semlinker"]; 此时，TypeScript 编译器会提示以下错误信息： Property...当一个函数没有返回值时，你通常会见到其返回值类型是 void： // 声明函数返回值为void function warnUser(): void { console.log("This is my...之后，可恶的错误消息又消失了，因为这时 result 变量的类型是 string 类型。在 TypeScript 中除了可以重载普通函数之外，我们还可以重载类中的成员方法。...R : any; 以上代码中 infer R 就是声明一个变量来承载传入函数签名的返回值类型，简单说就是用它取到函数返回值的类型方便之后使用。..., // 有未使用的参数时，抛出错误 "noImplicitReturns": true, // 并不是所有函数里的代码都有返回值时，抛出错误

6.9K5 2

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

angular中的TypeScript错误:声明类型既不是'void‘也不是'any’的函数必须返回值

相关·内容

TypeScript 简介及编码规范

TypeScript 基础教程

从 JavaScript 到 TypeScript

TypeScript 快速入门(基础篇)

1.8W字|了不起的 TypeScript 入门教程（第二版）

TypeScript不学？你养我啊

Angular&TypeScript

TypeScript手记（六）

TypeScript never 类型

TypeScript 官方手册翻译计划【四】：函数

4000字讲清《深入理解TypeScript》一书【基础篇】

React + TypeScript + Hook 带你手把手打造类型安全的应用。

快速了解typescript语法

React + TypeScript + Hook 带你手把手打造类型安全的应用。

深度讲解TS：这样学TS，迟早进大厂【11】：类型断言

TS 进阶 - 类型基础

TypeScript学习笔记（二）—— TypeScript基础

函数_TypeScript笔记5

【TypeScript】超详细的笔记式教程【中】

了不起的 TypeScript 入门教程

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐