reactjs - 如何修复 "TS2349: Cannot invoke an expression whose type lacks a call signature"

Question

DefinitelyTyped 库:

declare module "history/lib/createBrowserHistory" 
{
    export default function createBrowserHistory(options?: HistoryModule.HistoryOptions): HistoryModule.History
}

像这样使用时在标题中给出编译错误(尽管它在转换为 .tsx 之前在普通的旧 .jsx 中工作):

import React = require('react');
import reactDom = require('react-dom');
import ReactRouter = require('react-router');
import createBrowserHistory = require('history/lib/createBrowserHistory');
import routes = require('app/tools/routes');

export function createReactApp() : void
{
    let history = createBrowserHistory(); // <-- error :(
    reactDom.render
    (
        <ReactRouter.Router history={history}>{routes}</ReactRouter.Router>,
        document.getElementById('app')
    );
}

我做错了什么？

Answer 1

您尝试使用的模块是 ES6 模块，因此您必须使用 ES6 语法导入它:

import createBrowserHistory from 'history/lib/createBrowserHistory';

或者，您可以使用遗留的 import = 语法并访问导出对象的 default 属性，而不是默认导出(但您不应该这样做；使用 ES6导入!)。