首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >类型记录: TS7006:参数'xxx‘隐式有’任意‘类型

类型记录: TS7006:参数'xxx‘隐式有’任意‘类型
EN

Stack Overflow用户
提问于 2017-03-28 08:20:02
回答 13查看 665.5K关注 0票数 376

在测试我的UserRouter时,我使用了一个json文件

data.json

代码语言:javascript
运行
复制
[
  {
    "id": 1,
    "name": "Luke Cage",
    "aliases": ["Carl Lucas", "Power Man", "Mr. Bulletproof", "Hero for Hire"],
    "occupation": "bartender",
    "gender": "male",
    "height": {
      "ft": 6,
      "in": 3
    },
    "hair": "bald",
    "eyes": "brown",
    "powers": [
      "strength",
      "durability",
      "healing"
    ]
  },
  {
  ...
  }
]

构建我的应用程序时,我会得到以下TS错误

代码语言:javascript
运行
复制
ERROR in ...../UserRouter.ts
(30,27): error TS7006: Parameter 'user' implicitly has an 'any' type.

UserRouter.ts

代码语言:javascript
运行
复制
import {Router, Request, Response, NextFunction} from 'express';
const Users = require('../data');

export class UserRouter {
  router: Router;

  constructor() {
  ...
  }

  /**
   * GET one User by id
   */
  public getOne(req: Request, res: Response, _next: NextFunction) {
    let query = parseInt(req.params.id);
 /*[30]->*/let user = Users.find(user => user.id === query);
    if (user) {
      res.status(200)
        .send({
          message: 'Success',
          status: res.status,
          user
        });
    }
    else {
      res.status(404)
        .send({
          message: 'No User found with the given id.',
          status: res.status
        });
    }
  }


}

const userRouter = new UserRouter().router;
export default userRouter;
EN

Stack Overflow用户

发布于 2020-05-29 13:28:57

最小误差再现

代码语言:javascript
运行
复制
export const users = require('../data'); // presumes @types/node are installed
const foundUser = users.find(user => user.id === 42); 
// error: Parameter 'user' implicitly has an 'any' type.ts(7006)

推荐解决方案:--resolveJsonModule

对于您的情况,最简单的方法是使用--resolveJsonModule编译器选项:

代码语言:javascript
运行
复制
import users from "./data.json" // `import` instead of `require`
const foundUser = users.find(user => user.id === 42); // user is strongly typed, no `any`!

除了静态JSON导入之外,还有其他一些替代方案。

选项1:显式用户类型(简单,不检查)

代码语言:javascript
运行
复制
type User = { id: number; name: string /* and others */ }
const foundUser = users.find((user: User) => user.id === 42)

备选方案2:类型警卫(中间地带)

型护罩是简单和强类型之间的一个很好的中间点:

代码语言:javascript
运行
复制
function isUserArray(maybeUserArr: any): maybeUserArr is Array<User> {
  return Array.isArray(maybeUserArr) && maybeUserArr.every(isUser)
}

function isUser(user: any): user is User {
  return "id" in user && "name" in user
}

if (isUserArray(users)) {
  const foundUser = users.find((user) => user.id === 42)
}

您甚至可以切换到断言函数 (TS 3.7+)以摆脱if并抛出一个错误。

代码语言:javascript
运行
复制
function assertIsUserArray(maybeUserArr: any): asserts maybeUserArr is Array<User> {
  if(!isUserArray(maybeUserArr)) throw Error("wrong json type")
}

assertIsUserArray(users)
const foundUser = users.find((user) => user.id === 42) // works

选项3:运行时类型的系统库(复杂)

对于更复杂的情况,可以集成运行时类型检查库(如io-tsts-runtime )。

而不是推荐的解决方案

noImplicitAny: false破坏了对类型系统的许多有用的检查:

代码语言:javascript
运行
复制
function add(s1, s2) { // s1,s2 implicitely get `any` type
  return s1 * s2 // `any` type allows string multiplication and all sorts of types :(
}
add("foo", 42)

另外,最好为User提供一个显式的user类型。这将避免将any传播到内部层类型。相反,输入和验证保留在外部API层的JSON处理代码中。

票数 4
EN
查看全部 13 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43064221

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档