TypeScript强类型失效求助：NgRx初始状态声明报错

错误根源 #

你在initialState对象字面量里的写法不符合TypeScript语法：

const initialState = {
    products: ProductModel[] = [], // 这里语法错误
    productCount: 0
}

对象属性的正确写法是key: 值，而你写成了key: 类型 = 值，TypeScript会把ProductModel[]误解为试图索引ProductModel类的表达式（[]被当成了索引访问运算符），但ProductModel是类，并非可索引的对象，且索引访问必须传入参数，因此触发了那两个错误——这和“强类型机制失效”无关，纯粹是语法使用错误。

修复方案 #

有两种常见的正确写法：

方案1：先定义状态类型，再标注给initialState #

// 定义状态的接口类型
interface ProductState {
  products: ProductModel[];
  productCount: number;
}

// 给initialState标注类型，同时赋值
const initialState: ProductState = {
  products: [], 
  productCount: 0
};

方案2：使用类型断言直接指定数组类型 #

const initialState = {
  products: [] as ProductModel[], // 用as断言数组类型
  productCount: 0
};

两种写法都能让TypeScript正确识别products的类型，避免语法错误，同时保留强类型检查。

内容的提问来源于stack exchange，提问作者koque