タイプにコールシグネチャがない式を呼び出すことはできません。タイプ 'typeof ""'に互換性のあるコールシグネチャがありませんReact TypeScript

Question

3つのスクリプトをJavascriptからTypeScriptに変換しようとしています。このスクリプトはgistにあります。私はしかし、私が取り除くことができない1つのエラーが残っている。これは私の最初のReactとTypeScriptプロジェクトであり、私は簡単に何かを見逃してしまったことに注意してください。私は.tsxファイルとTypeScript 2.1を使用しています。

Cannot invoke an expression whose type lacks a call signature. Type 'typeof "ScriptCache"' has no compatible call signatures. 

ScriptCache.tsx

は次のようになります： GoogleApiComponent.tsx

import * as cache from './ScriptCache' 
... 
componentWillMount() { 
    this.scriptCache = cache({ <--Error TS2349 here 
     google: GoogleApi({ 
      apiKey: apiKey, 
      libraries: libraries 
     }) 
    }); 
} 

は私に、このエラーを与える：ファイルで

により示唆されるようにインポートエラーであることが判明し

let counter = 0; 
let scriptMap = new Map(); 

export const ScriptCache = (function (global: any) { 
    return function ScriptCache(scripts: any) { 
     const Cache: any = {} 
     ... 

Answer 1

が見えるが:)

を修正されていないこのimport cache from './ScriptCache'ようにそれをインポートしてみてください。要点からコードを使用したばかりの場合、キャッシュもデフォルトとしてエクスポートされます。

これが機能しない場合は、import { ScriptCache as cache } from './ScriptCache'を試してください。 asの構文は必要ありません。これは変数名を変更する必要がないためです。

Answer 2

@セバスチャンSebald。

間違っ：

import * as cache from './ScriptCache' 

正しい：インポートしているよう

import cache from './ScriptCache'