“类型 'string | string[]' 不可分配给类型 'string'答案

【问题标题】："Type 'string | string[]' is not assignable to type 'string'“类型 'string | string[]' 不可分配给类型 'string'
【发布时间】：2021-09-26 08:58:38
【问题描述】：

我正在使用 node + typescript 和集成的 swagger 进行 API 调用。我大摇大摆地提出以下要求

http://localhost:3033/employees/search/?username=test

这里我要查找 username = test 的记录。

所以我使用 URL 模块解析查询字符串，如下所示，我在控制台中获取用户名。

var params = URL.parse(req.url, true).query;
console.log(params); //gives me [Object: null prototype] { username: 'test' } in my console

但每当我尝试将 params.username 分配给如下常量时

const username:string =params.username;

它给了我以下错误

键入'字符串 | string[]' 不可分配给类型 'string'。类型 'string[]' 不能分配给类型 'string'。

我的完整代码如下

import * as URL from 'url';

public getUserByName = async (req: Request, res: Response, next: NextFunction) => {
var params = URL.parse(req.url, true).query;
const username:string =params.username;

try {
  const findOneUserData: Employee = await this.userService.findUserByName(username);
  res.status(200).json({ data: findOneUserData, message: 'findOne' });
} catch (error) {
  next(error);
}

}

【问题讨论】：

URL.parse 使用什么库？
url 包：我已经包含 import * as URL from 'url'；在我的控制器顶部
嗯，我无法确定那个库是什么。似乎有一种叫做“querystring”，另一种叫做“url”。也许后者使用前者？不确定，但我确实找到了this type definition for ParsedUrlQuery，所以它似乎不是一个字符串——它要么是一个数组，要么是一个带有字符串键和值的对象。至少根据这个类型定义。如果您在控制台中获得“测试”，我会假设它实际上是 ["test"] - 一个数组
你能用StackBlitz创建一个最小的工作示例吗？
你能再检查一下console.log(params)吗？它应该打印一个包含username 属性的对象（刚刚测试过）

标签： node.js typescript swagger query-string

【解决方案1】：

您的代码中的问题是，params.username 可以是 string 或 string[]。

以下场景返回一个简单的字符串

const {query} = url.parse('example.com?test=1', true);
// query.test === '1'

而下面的示例返回一个数组，因为相同的查询参数键被使用了两次

const {query} = url.parse('example.com?test=1&test=2', true);
//query.test === ['1', '2']

所以你可以明确地处理数组的情况，例如

const username = Array.isArray(params.username) ? params.username[0] : params.username

【讨论】：

这也是我正在做的。不过感觉不对：stackoverflow.com/q/71273690/470749

【解决方案2】：

您可以告诉编译器将参数转换为字符串

const username = params.username as string

【讨论】：

我对此表示赞同，但随后读到“如果查询参数是数组，[This] 将导致运行时错误。在进行转换时，您只是让 TypeScript 高兴，而不是防止错误发生。” stackoverflow.com/questions/71273690/…

【解决方案3】：

好的，所以我明白了我犯的错误。第一个是@ford04 在评论中提到的。我直接将 Object 分配给字符串。我在我的问题中改变了它。第二个是通过toString()函数将解析后的查询字符串转换为字符串。

public getUserByName = async(req: Request, res: Response, next: NextFunction) => {
  var params = URL.parse(req.url, true).query;
  console.log(params.username);
  const username: string = params.username.toString(); //this is the key

  try {
    const findOneUserData: Employee = await this.userService.findUserByName(username);
    res.status(200).json({
      data: findOneUserData,
      message: 'findOne'
    });
  } catch (error) {
    next(error);
  }
}

【讨论】：