styles Second argument passed into a variable object the type cannot be determined

[fslflame]

[fslflame]

The example is wrong. It's vars

[zoy-l]

The example is wrong. It's vars

need to add const to the returned object, otherwise TypeScript cannot infer the specific value type.

function getStyle(){
   return {...} as const
}

[fslflame]

这个例子是错误的。这是变量

需要给返回的对象添加const，否则TypeScript无法推断出具体的值类型。

function getStyle(){
   return {...} as const
}

Why do I need to infer to specific types that the source code has done internally?

[zoy-l]

When using vars, which relies on value rather than key, the actual type obtained when using a variable is { gridTemplateColumns: string }. Therefore, it's not possible to obtain the type of a value like $grid-cols. When adding const, the type obtained is {readonly gridTemplateColumns: "$grid-cols" }.

So if the specific value $xxx cannot be obtained, vars cannot perform correct inference.

[zoy-l]

I'm going to close this issue, feel free to reopen if there are any other issues