如何导入外部库并将其转换为Typescript中的<any>？

Question

TypeScript给了我一个编译错误,当我尝试使用我定义的React组件时,我不知道如何修复:

import App = require('./components/views/app/app');

当我使用导入模块时,该错误消失了<any>:

import App = require('./components/views/app/app');
const App2 = App as any;

有没有办法在一行中这样做,像这样？

import App = require('./components/views/app/app') as <any>;

这也是导入JavaScript文件的好方法,而不必这样做:

declare module 'react-router' {
    const x: any;
    export = x; 
}

Answer 1

对于您定义的组件,它取决于您如何导出它们,但您可以使用import语句.

例如,导出的组件

export class FooComponent extends React.Component<any, any> {
}

而且进口

import {FooComponent} from './foo-component.ts';

对于标题为" 如何导入外部库并将其转换为任何 "的问题,您可以简单地require对变量进行操作.

const myLib: any = require('myLib');