angular - 错误 : Type '[number] | [number, number, number, number]' is not assignable to type '[number]'

Question

从 angular 5.1 更新到 6.1 后，我开始从我的代码中收到一些错误，如下所示:

Error: ngc compilation failed: components/forms/utils.ts(5,3): error TS2322: Type '[number] | [number, number, number, number]' is not assignable to type '[number]'.

代码如下:

export function bsColumnClass(sizes: [number]) {

  let sizebs = ['col-xs-', 'col-sm-', 'col-md-', 'col-lg-',];

  sizes = sizes || [12, 12, 12, 12];

  let className = sizes.map(function callback(value, index, array) {
    return sizebs[index].concat(value.toString());
  }).join(" ");

  return className;
}

我注意到问题是因为我有一个函数参数 sizes: [number] 之后我正在训练执行这行代码:sizes = sizes || [12, 12, 12, 12];

你能告诉我解决这个问题的更好方法吗？

Answer 1

在Typescript中，数组的声明方式如下

type[]

代替

[type]

如果您尝试使用这些更改编写您的代码，它应该可以工作，但是，如果我错了，请纠正我，但是，如果尺寸未定义，您是否正在尝试为尺寸分配一个数字列表？

如果是这样，你应该相应地输入你的函数

function bsColumnClass(sizes?: number[]) {
}

如果您不向函数提供变量，? 将确保事件代码保持静态类型并接受变量参数