javascript - 带有 Typescript 的 ReactJS - 找不到变量 : require

Question

你好，

我正在尝试将 ReactJS 与 Typescript 结合使用。一切看起来都很好，但在启动应用程序后出现错误:“找不到变量:require”

我不使用 node.js 进行服务器端渲染。

脚本:

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

import * as React from 'react'
import * as ReactDom from 'react-dom'

interface Props {}
interface State {}

export class App extends React.Component<Props, State>{

    render(){
      return (<div>Hello</div>);
    }
}

ReactDom.render(<App/>, document.getElementById("content"));

和这个编译的 boot.js:

"use strict";
var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var React = require('react');
var ReactDom = require('react-dom');
var App = (function (_super) {
    __extends(App, _super);
    function App() {
        _super.apply(this, arguments);
    }
    App.prototype.render = function () {
        return (React.createElement("div", null, "Ahoj"));
    };
    return App;
}(React.Component));
exports.App = App;
ReactDom.render(React.createElement(App, null), document.getElementById("content"));

错误:

Answer 1

您将需要模块解析。 require 是一种将模块加载到您的代码中的形式。它通常与 NodeJS 一起使用。如果您想在浏览器中使用它，请尝试 Browserify.