使用ES6/Babel创建React组件时,"ReferenceError:require未定义"

Question

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

JSBin 错误:"ReferenceError:require未在mudaza.js中定义:17:14"

Answer 1

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

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

<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.

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