web-dev-qa-db-ja.com

React TypeScript：ルーターコンポーネントに反応する位置状態を追加します

通常のルートがあります

_function LoginPage(props: RouteComponentProps): React.ReactElement {...
}
_

_react-router-dom_のRouteComponentPropsを使用しています。

奇妙なことに、このコンポーネントには長い間問題がありませんでしたが、history.Push(location.state.from.pathname)を使用して_Property 'from' does not exist on type '{}'._と言うと、travis-ciでのコンパイルに失敗しました

Redirectでかなり標準的なPrivateRouteコンポーネントにこの状態を設定しました

_<Redirect
  to={{ pathname: '/login', state: { from: props.location } }}
/>
_

locationの型付けを更新してfromオブジェクトを_pathname: string;_に含めるにはどうすればよいですか

編集：

解決策は追加することでした

_COPY yarn.lock /usr/src/app/_

package.jsonをコピーした後、私のDockerfileに追加します。

reactjstypescriptdockerreact-router
3
peter176

パッケージにロックファイルを使用していないようです。 （以前に生成されたDockerイメージで、またはチームメンバーの1人から）作業環境を見つけて、そこにpackage-lock.json（またはyarn.lock）を生成することをお勧めします。このコマンドを使用しましたnpm install --package-lock。問題が完全に解決されるまで、それはあなたを初めて助けます。

0
aLLeXUs