タイプ 'string'をタイプ "inherit"に割り当てることはできません。 "初期" | "unset" | "固定" | "絶対" | "静的" | "相対" | "sticky" '

Question

私のアプリケーション（npm 5.4.2、反応する15.4、typescript 2.5.3、webpack 2.2.1、webpack-dev-server 2.4.1）で次のエラーが発生します。

これは動作します：

const mystyle = { 
    position: 'absolute'    
} 

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

コンパイルエラーがある：

<div style={{position: 'absolute'}}>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. 

しかしwhat't違いは？ 私はそれを修正することができます：

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

が、これは良い解決策ですか？

他のスタイル/ CSSプロパティでこの問題はありません。

私はgithubの上で同様の問題が見つかりました： https://github.com/Microsoft/TypeScript/issues/11465 をしかし右のそれを理解すれば、それはealierバージョンではtypescriptですバグでした。

助けてください。

Answer 1

これは回避策ですが、問題ありません。 他のいくつかの解決策は以下のとおりです。

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

このissueが解決されるとき、あなたが戻って確認することができます。 TS 2.6の周りには、マイルストーンで判断すると思います。