美好的一天,

我正在尝试将ReactJS与Typescript一起使用。一切看起来不错,但是启动应用程序后出现错误:“找不到变量:要求”

我不使用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"));

错误:
javascript - 带Typescript的ReactJS-找不到变量:require-LMLPHP

最佳答案

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

09-30 13:31