react-router鏈接打字稿錯誤

Question

我剛開始在我的React項目中添加TypeScript，我無法弄清楚這個錯誤：

import {Link} from 'react-router';
Module '"/Users/.../node_modules/@types/react-router/index"' has no exported member 'Link'.

Link組件存在於react-router （代碼正在運行），但TypeScript無法識別它。 我添加了@types/react-router ，似乎沒有實現Link 。 有任何想法嗎 ？

從我的package.json提取：

"@types/react": "^15.0.25",
"@types/react-dom": "^15.5.0",
"@types/react-router": "^4.0.11",
"@types/reactstrap": "^4.3.4",

...

"react": "^15.4.2",
"react-dom": "^15.4.2",
"react-router": "^3.0.2",
"reactstrap": "^4.2.0"

...

"typescript": "^2.3.3",

Answer 1

你有react-router版本3，但版本4的@types包.refer react-router版本4將很多庫移動到react-router-dom包中，這就是為什么他們的類型不在@types/react-router v4包。

您應該刪除不正確的類型包：

npm un @types/react-router

然后安裝正確的類型：

npm i --save-dev @types/react-router@3