typescript - 使用 'as Movie[]' 而不是 '' @typescript-eslint/consistent-type-assertions

Question

我有一个 Vuex 商店:

type Movie = {
  title: string;
  id: number;
}

export default new Vuex.Store({
  state: {
    searchList: <Movie[]>[],
  },

当我编译我的代码时，我收到一个错误:

Use 'as Movie[]' instead of '<Movie[]>' @typescript-eslint/consistent-type-assertions

我不清楚正确的语法应该是什么。
我试过了:

export default new Vuex.Store({
  state: {
    searchList as Movie[]
  },

但这会返回:

No value exists in scope for the shorthand property 'searchList'. Either declare one or provide an initializer.

Answer 1

它要求您使用 as type assertion指定 [] 的类型.
使用的原因之一 as是as在 TSX 文件中工作(因此规则名称中的“一致”)。

export default new Vuex.Store({
  state: {
    searchList: [] as Movie[],
  },

如果您不使用 TSX 并且更喜欢尖括号语法，您可以考虑更新您的 linter 规则。