Как объявить тип импорта TypeScript *?

Question

Как я могу явно объявить тип при импорте * как ... в TypeScript?

У меня этот код:

import * as UnauthorizedInterface from './interfaces/InterfaceA' 
import * as AuthorizedInterface from './interfaces/InterfaceB' 

export class App extends React.Component<{children?: React.ReactChildren, authorized?: Boolean}, {}> { 
public render() { 
    return <Router> 
     <Route component={Interface}> 
      <Route path="/application" components={InterfaceA} 
... 

, и я получаю

ERROR in ./src/components/App.tsx 
(16,24): error TS2322: Type 'typeof "~/src/interfaces/InterfaceA"'' is not assignable to type '{ [key: string]: string | ComponentClass<any> | StatelessComponent<any>; }'. 
Index signature is missing in type 'typeof "~/src/interfaces/InterfaceA"'. 

хотя это только экспорт объектов, простирающиеся React.ComponentClass

Answer 1

импорт * в UnauthorizedInterface из './interfaces/InterfaceA'

Я думаю, вы, вероятно, хотите сделать import {UnauthorizedInterface} from './interfaces/InterfaceA'. Конечно, если вы используете модуль (это то, что вы получаете с * as) как класс, вы получите ошибку, которую вы получаете.

Answer 2

Ошибка в том же выпуске. В основном требуется

import * as Util from './Util' 

И затем используйте Util в качестве аргумента. Это работает с использованием typeof Util

function thing(localUtil: typeof Util) {...} 

thing(Util);