react.js：referenceError：require未定义[重复]
ReferenceError: require is not defined
<anonymous>http://localhost:3000/js/script.js:3:5
import React from 'react';
import ReactDOM from 'react-dom';
const element = <h2>Testing</h2>;
ReactDOM.render(element, document.getElementById("test"));
"use strict";
var _react = _interopRequireDefault(require("react"));
var _reactDom = _interopRequireDefault(require("react-dom"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var element = _react.default.createElement("h2", null, "Testing");
_reactDom.default.render(element, document.getElementById("test"));
<!DOCTYPE html>
<html lang="en">
<head>
<title>Your title</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body>
<section id="content">
<section id="test"></section>
<script src="/js/script.js"></script>
</body>
</html>
我已经让Babel和Gulp运行和背景，他们工作正常。我注意到，当我添加React CDN时，在从JSX文件中删除以下内容后，问题就消失了。
import React from 'react';
import ReactDOM from 'react-dom';
我没有使用npx create-react-app my-app命令，因为这是一个我已经在做的项目，而是安装了Babel，配置了它，将它添加到Gulp，安装了react、react-dom和react-scripts。
下面是我的目录结构：
| .babelrc
| .gitignore
| .pug-lintrc.json
| .sass-lint.yml
| gulpfile.js
| package-lock.json
| package.json
|
||||css
| style.css
|
||||html
| index.html
|
||||js
| script.js
|
||||jsx
| script.jsx
|
||||node_modules
对我来说，使用CDN是没有问题的，但我只是想知道我在这里做错了什么。我猜我没有从“React”中正确地导入React，但我不能确定原因。
共有1个答案
RequireJS是一个JavaScript文件和模块加载器。它针对浏览器中的使用进行了优化，但也可以用于其他JavaScript环境，如Rhino和Node。使用像RequireJS这样的模块化脚本加载器将提高代码的速度和质量。兼容几乎所有最新的浏览器。
将此添加到项目中
那么，看看这个。
-
我试着用。然后回应和。抓到，但什么都不起作用。我在运行测试脚本时得到以下错误。 （使用显示创建警告的位置）（节点：12784）unhandledpromiserejectionwarning：unhandledpromise拒绝。此错误源于在没有catch块的情况下抛出异步函数，或者拒绝未使用.catch（）处理的promise。要在未处理的promise拒绝上终止节点进程，请使用CLI标志(re
-
我被卡住了一段时间，无法弄清楚如何修复此代码
-
我有这行代码在PHP中读取一个文件的CSV格式与MySQL数据库的结构，并显示创建它所需的SQL代码。我在这里遇到的唯一问题是，我不能打印出主键变量，因为它说它没有定义，即使我之前定义了它。有人能帮我解释一下为什么会出现这个错误吗？这是我的代码：
-
我从一个API获得一个对象，并在它里面用其他API响应创建新的对象，例如： API响应1: API响应2: 当我试图在属性的之后给出时，我无法访问创建的属性，返回。但是，当我为任何对象提供时，所创建的属性就在那里。
-
JQuery不能与wordpress一起工作。它的throws$是未定义的。 代码：
-
问题内容： 注意：根据 ECMAScript5.1，第15.1.1.3节，window.undefined是只读的。 现代浏览器正确地实现了这一点。 例如：Safari 5.1，Firefox 7，Chrome 20等。 Undefined仍可在以下位置更改：Chrome 14，… 原来，问题的原因是 如果“对象”中没有属性“ x”，则返回false。 我通过在两个Facebook函数中用规则相等