“ReferenceError: require is not defined”，同时使用 ES6/Babel 创建 R

"ReferenceError: require is not defined", while creating React component using ES6/Babel

本文关键字：ES6 创建 Babel require ReferenceError is not defined      更新时间：2023-09-26

我正在尝试在JSBin中使用ES6创建一个React组件，但是我不断收到以下错误。有人可以解释这些吗？

JSBin错误："引用错误：未定义要求 在穆达扎.js：17：14"

你不能在 JSBin 中使用导入或 require。在 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。

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

相关文章：