美好的一天,
我正在尝试将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"));
错误:
最佳答案
您将需要模块解析。 require
是将模块加载到您的代码中的一种形式。它通常与NodeJS一起使用。如果要在浏览器中使用它,请尝试Browserify.