javascript - "ReferenceError: require is not defined",在使用 ES6/Babel 创建 React 组件时

标签 javascript reactjs ecmascript-6

我正在尝试在 JSBin 中使用 ES6 创建一个 React 组件,但我一直收到以下错误。有人可以解释一下吗?

JSBin 错误:“ReferenceError:未定义要求 在 mudaza.js:17:14"

最佳答案

您不能在 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/ .

关于javascript - "ReferenceError: require is not defined",在使用 ES6/Babel 创建 React 组件时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35871311/

相关文章:

ajax - Set State in Ajax Call Back throws error : Warning: setState(. ..): Can only update a mounted or mounting 错误信息

reactjs - 在具有嵌入式管理的自定义应用程序中,adminSaga 不起作用

Javascript 使用正则表达式匹配组替换 HTML 标签

javascript - 连字符将字符串与复杂对象分隔开

javascript - 没有 ID 的主干调用 DELETE API

php - 成功为假时如何停止 jQuery .ajax() 执行?

javascript - React 组件 render 方法中的语法错误

javascript - 如何将选择框的选项值作为占位符字段显示到另一个 html 文件?

javascript - Soundmanager 2 和 iOS 使用 from 和 to 命令

node.js - Apollo 服务器 Playground 无法在 heroku 上运行(本地工作)