TypeScript +突然、互換性のない小道具のエラーが発生しました

Question

昨日、すべてのTypeScript + Reactプロジェクトで問題なく動作しました。今日は何も変わらず、これまでどんな構成にも壊れています。 Gitを使って作業バージョンに戻すことは役に立ちません。すべてのパッケージをNPMで再インストールしても問題ありません。

エラーを見つけるためにApp.jsxのすべてをリッピングしようとしました。

これは私のapp.jsx

import * as React from 'react'; 
import { BrowserRouter as Router, Route } from 'react-router-dom'; 

interface Props {} 

class App extends React.Component<Props> { 
    render() { 
     return (
      <div className="App"> 
       <Router> 
        <div> 
         <Route exacty={true} path="/" component={<p>Hello</p>}/> 
        </div> 
       </Router> 
      </div> 
     ); 
    } 
} 

export default App; 

である。しかし、これはまだ私にエラーを与える：私が持っている

(10,5): error TS2605: JSX element type 'BrowserRouter' is not a constructor function for JSX elements. 
Types of property 'setState' are incompatible. 
Type '{ <K extends never>(f: (prevState: void, props: BrowserRouterProps) => Pick<void, K>, callback?: ...' is not assignable to type '{ <K extends never>(f: (prevState: {}, props: any) => Pick<{}, K>, callback?:() => any): void; <...'. 
    Types of parameters 'f' and 'f' are incompatible. 
    Type '(prevState: {}, props: any) => Pick<{}, any>' is not assignable to type '(prevState: void, props: BrowserRouterProps) => Pick<void, any>'. 
     Types of parameters 'prevState' and 'prevState' are incompatible. 
     Type 'void' is not assignable to type '{}'. 

問題が小道具で、単にすべてのコンポーネントが壊れているということです。たとえば、私のヘッダーのようなコンポーネントがある場合I get an error such as this ヘッダーは空のPropsオブジェクトを持つコンポーネントです。それはreact-routerため https://pastebin.com/FSyCA1BB

Answer 1

型定義は非常に頻繁に無効な日付/の外に出る場合に役立ちます。ここ

は私tsconfig.jsonとpackage.jsonです。タイプ定義の維持に関する問題は、反応ルータのドキュメントが頻繁に古くなってしまうという事実と関係しています。

修正

待ちの定義が追いつくまで

は私が持っていた問題はpackage.jsonに私が持っていたということです、それ http://basarat.com/takeme

Answer 2

を回避するために、単純な何かを書いた代替@タイプ/ react-router-domはまったくありません。いずれのバージョンも動作しませんでしたが、package.jsonから完全に削除することで問題は解決しました。