typescript namespace 和 interface有什么区别

Question

现在我使用typescript 的 v2.1.5版本使用webpack打包文件之前已经装过依赖包和@types了但是我在编译的时候一直报history模块的一个错误：[ts]Type 'History' is not assignable to type 'History'.  Two different types with this name exist, but they are unrelated.我看了一下history/index.d.ts, 发现里面有多个export ... history， 如：export as namespace History;export interface History {    ... }export namespace History {    ... }createBrowserHistory.d.tsimport { History } from './index';import { getConfirmation } from './DOMUtils';export interface BrowserHistoryBuildOptions {   basename?: string;   forceRefresh?: boolean;   getUserConfirmation?: typeof getConfirmation;   keyLength?: number; }export default function createBrowserHistory(options?: BrowserHistoryBuildOptions): History;我想知道这些这个问题怎么解决？怎样才能编译通过？

Answer 1

简单方法：直接用react-router的browserHistory。

题主没给出具体的版本，所有我按下面这个解释：

{  "name": "segfault",  "version": "1.0.0",  "description": "",  "main": "index.js",  "scripts": {   
 "test": "echo \"Error: no test specified\" && exit 1"
  },  "author": "",  "license": "ISC",  "dependencies": {    "history": "^4.5.0",    "react-router": "^3.0.0"
  },  "devDependencies": {    "@types/history": "^4.5.0",    "@types/react-router": "^3.0.0"
  }
}

第一个问题是@types/react-router里引用的@types/history的版本是^2，devDependencies里的是^4.5.0,所有有了两个不同的History接口，而这两个History接口不兼容。

第二个问题是react-router里的history是^3，和@types/react-router里的对不上。

解决方法就是直接用react-router里的browserHistory，也就是`^3"的版本。

或者去github提个issue了，把版本都改对了。