如何导入外部库并将其转换为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');