“ReferenceError：require is not defined”，同时使用ES6/Babel创建React组件

Question

我想在JSBin中使用ES6创建一个React组件，但我一直在获取下面的错误。有人可以解释这些吗？

JSBin 错误： “的ReferenceError：要求不以mudaza.js定义 ：17：14”

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/。