react 引用本地js_javascript – 如何使用JSX在本地运行SystemJS / React演示？

我现在正在关注

this视频教程,我坚持使用简单的HelloWorld应用程序.当时位置

12m:31s是我被卡住的地方,它应该显示HelloWorld,但事实并非如此.

该应用程序正在使用SystemJs,React和JSX.

要创建应用程序,请在终端中执行以下步骤(需要节点和jspm)：

> npm init(输入所有)

> jspm init(进入几乎所有,除了使用babel)

> jspm install fetch = npm：whatwg-fetch

> jspm安装反应

>创建一个app子文件夹create main.js并将我的代码复制到其中

>在root目录中创建index.html.

>然后用serve运行它

我认为问题是我的本地服务器.我正在使用nodejs http-server运行它,我认为JSX没有被转换为JS.此外,上述服务器服务器无法正常工作.

我在浏览器控制台中收到此错误消息：

Potentially unhandled rejection [3] SyntaxError: Error loading "app/main"

[...] Unexpected token <

我如何使其工作？

这是我的代码,完全是视频中的代码(它不会在这里运行,因为没有添加js文件)：

//app/main.js

import 'fetch';

import React from 'react';

console.log('Hello world');

class HelloWorld extends React.Component {

render() {

return

hello world

;

}

}

React.render(, document.body);

First jspm

System.import('app/main');