＆＃34; ReferenceError：在使用ES6 / Babel创建React组件时未定义＆＃34;

Question

我试图在JSBin中使用ES6创建一个React组件，但我继续得到以下错误。有人能解释一下吗？

JSBin 错误：＆＃34; ReferenceError：require未定义     在mudaza.js：17：14＆＃34;

Answer 1

您不能在JSBin中使用导入或需要。您需要在html文件的head中的应用程序中使用的库的捆绑.js文件，然后使用稍微不同的语法从添加的库中访问组件或函数。

例如，要在笔中使用react-router，您应该将其添加到托管您应用的HTML页面的head中：

<script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/2.0.0/ReactRouter.min.js"></script>

之后，在您应用的来源中：

var { Router, Route, IndexRoute, hashHistory, Link } = ReactRouter;

而不是

import { Router, Route, IndexRoute, hashHistory, Link } from "react-router";

我已经克隆并更新了您的JSBin with these changes。

大多数模块.js文件的一个非常好的来源是https://cdnjs.com/。