typescript - 如何导入外部库并将其转换为 Typescript 中的 ？

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';

对于标题为“How to import external library and cast it to any”的问题，您可以简单地在变量上require。

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