类型'string'不能分配给类型'inherit'| “初始” | “未设置” | “固定” | “绝对” | “静态” | “相对” | “黏”'

Question

我在应用程序中遇到以下错误（npm 5.4.2，react 15.4，打字稿2.5.3，webpack 2.2.1，webpack-dev-server
2.4.1）。

这将起作用：

<div style={{position: 'absolute'}}>working</div>

这将无法编译：

const mystyle = {
    position: 'absolute'            
}

<div style={mystyle}>not working</div>

编译错误是：

ERROR in ./src/components/Resource.tsx
(61,18): error TS2322: Type '{ style: { position: string; }; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
  Type '{ style: { position: string; }; children: string; }' is not assignable to type 'HTMLAttributes<HTMLDivElement>'.
    Types of property 'style' are incompatible.
      Type '{ position: string; }' is not assignable to type 'CSSProperties'.
        Types of property 'position' are incompatible.
          Type 'string' is not assignable to type '"inherit" | "initial" | "unset" | "fixed" | "absolute" | "static" | "relative" | "sticky"'.
webpack: Failed to compile.

但是有什么区别呢？我可以用以下方法解决它：

const mystyle = {
    position: 'absolute' as 'absolute'            
}

但这是一个好的解决方案吗？

其他样式/ css属性没有此问题。

我在github上发现了类似的问题：https
:
//github.com/Microsoft/TypeScript/issues/11465，
但是如果正确理解，那是早期版本中的打字稿错误。

任何帮助表示赞赏。

Answer 1

这是一种解决方法，但是可以。其他解决方案是：

const mystyles = {
   position: 'absolute',
} as React.CSSProperties;

您可以返回查看何时解决此问题。我猜大概在TS
2.6左右。