无发射要求的打字稿智能感知

Question

我的HTML包含以下内容：

<script src="js/vendor/react.js"></script>
<script src="js/vendor/react-dom.js"></script>
<script type="text/javascript" src="my-react-component.js"></script>

...我正试图在Visual Studio 2015中编写一个简单的TSX文件，将其传输到我的react组件中。js：

/// <reference path="../../typings/tsd.d.ts" />

class ExampleApplication extends React.Component<any, {}> {
  render() {
      return <p>{this.props.message}</p>;
  }
};

ReactDOM.render(
    <ExampleApplication message="Hello, world" />,
    document.getElementById('container')
);

我已经导入了react.d.ts和react-dom.d.ts，并将它们包含在我的tsd.d.ts

问题是：TypeScript将无法识别"React"和"ReactDOM"，除非我显式导入它们，并使用：

import * as React from "react"; 
import * as ReactDOM from "react-dom";

这对于编辑文档非常有用。tsx（事实上，我得到了这些名称空间的完整IntelliSense）。

但是转置的. js——使用“反应”JSX编译选项——包括不需要的要求：

var React = require("react");
var ReactDOM = require("react-dom");

这会导致页面执行出错，因为React和ReactDOM都是React定义的全局名称。js，并且没有可用的“require”函数。

有没有一种方法可以将这些名称声明为TypeScript，而不发出每个名称的实际要求？

否则-我想做的有什么错？我错过了什么？

Answer 1

有没有一种方法可以将这些名称声明给TypeScript，而不发出每个名称的实际需求？

有。使用TypeScript定义的全局版本：https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/react/react-global.d.ts

否则，我想做的有什么不对？我错了什么？

使用全局模块是个坏主意。一旦扩展到大约50个文件，您就会遇到问题（发生得非常快）https://github.com/TypeStrong/atom-typescript/blob/master/docs/out.md