个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在构建一个新的 React 应用程序，但出现以下错误 -“未定义需求”
hello-world.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="react/react.js"></script>
<script src="react/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel" src="hello-world.js">
</body>
</html>
hello-world.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';
ReactDOM.render(
<App />,
document.getElementById('example')
);
应用程序.jsx
import React from 'react';
class App extends React.Component {
render() {
return (
<div>
Hello World!!!
</div>
);
}
}
export default App;
我正在从我的客户端运行此程序，并且没有运行任何网络服务器。
我试图包含 http://requirejs.org/docs/release/2.2.0/minified/require.js但它给出了完全不同的错误。
最佳答案
您正在尝试在浏览器中使用 CommonJS 模块。这将不起作用。
你如何使用它们？当您在 ES6 中编写 import ... from ... 时，Babel 会将这些调用转译为名为 CommonJS 的模块定义，并且由于浏览器中不存在 CommonJS，您将从 require().
此外，您还尝试加载 RequireJS，它使用称为 AMD(异步模块定义)的不同模块定义模式，并且不会为您处理 require 调用。您可以wrap them在 RequireJS 特定调用中。
如果您想在代码库中使用 CommonJS 模块，您需要首先将它们与 Browserify 捆绑在一起。或webpack 。这两个工具会将您的 require 调用转换为可以在浏览器中使用的粘合魔法。
但在您的具体情况下，如果您删除 import 调用并让浏览器处理并将您创建的类附加到 window 对象，您的代码应该可以工作。
关于reactjs - 要求未定义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36698354/
24
4
0
我有一个类和构造函数，如下所示: def init(log, edge): if edge: return Helper(log, edge) return Booka
关闭。这个问题需要更多focused .它目前不接受答案。 想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post . 4年前关闭。 Improve this questi
有人知道在 mongo 上安装标准 ubuntu 需要多少磁盘空间和内存吗？试图找出我的 VPS 需求... 最佳答案 没有最低要求，但我不建议在与您的网络服务器相同的机器上运行 Mongo。 Mon
我的 Django 项目有一个虚拟环境，但是当我 pip 击 pip freeze 时，我得到了一个必须是全局站 pip 包列表的东西，包括太多包，比如ubuntu包和这么多不相关的东西。无论 vir
我曾尝试在 Heroku 上部署我的应用程序，但 smth 出错了。 错误:找不到满足要求的版本 get==2019.4.13(来自 -r/tmp/build_53ad6d03_/requiremen
我无法将 semantic-ui-calendar npm 模块加载到我的应用程序中。 我已经使用脚本标签成功地将它加载到我的 HTML 中， 但每次我尝试将它加载到我的应用程序中时，我都会出错。 在
如何修复 php.ini 中“require”函数内的地址？它进行故障排除并显示错误: 警告:require (..) 无法打开流:没有这样的文件或目录。 文件“db_connection.php”工
我有一个在 Node.js 应用程序中使用的外部库 ( Objection.js )。我创建了一个基本模型类，它为我的实体模型扩展了 Objection 的 Model 类: const { Mode
有谁知道在哪里可以找到RHEL5的GLIBC2.7，如果没有这个，Android模拟器将无法启动。它会给出一条消息，要求GLIBC 2.7或更高版本。 我尝试在网上搜索，但没有找到 最佳答案 我也遇到
Android 设备是否有任何要求/指南？例如按钮数量或所需的最少按钮数量。 还有没有菜单和后退按钮的安卓设备吗？ (我知道就可用性而言，没有菜单/后退按钮会杀死大多数应用程序，我只是想了解更多有关该
我想要求/包含一个文件并将其内容检索到一个变量中。 test.php index.php ".$test; ?> 类似于 file_get_contents() 但它仍应执行 PHP 代码。这可能吗
我想要求/包含一个文件并将其内容检索到一个变量中。 test.php index.php ".$test; ?> 类似于 file_get_contents() 但它仍应执行 PHP 代码。这可能吗
我正在尝试在我的 Linux Mint 发行版上安装一个 python 模块“pyAudioProcessing”(https://github.com/jsingh811/pyAudioProces
我已经创建了我的第一个 composer 包，它具有 MySQL 和 MongoDB 的功能，但是，它不需要两者。我意识到有人可能只想将这个包与两个数据库之一一起使用，目前我有: "require":
我想调试以下函数，但假设在调试器中查看 moreajaj 的参数等于什么(假设不像在这个人为的示例中那么明显)是有用的。我可以在调试器框架中打印它，但是在每个参数的每个框架中都这样做很烦人。在宣布每一
我有一些生成的 GNUmakefiles，我需要从中提取变量的值。 有没有一种简单的方法可以在不修改 makefile 的情况下查看变量的值？ 仅供引用，变量包含 emacs c-macro-expa
我正在使用 aspell 在 Linux 上拼写检查 LaTeX 文档。我的文档经常包含各种编程语言的代码示例，我希望 aspell 在拼写检查时简单地跳过这些行。 我可以在文档中写些什么来关闭一段文
我有一个包含多个列的数据集... 一列是具有重复值的主石斑鱼列，另一列是具有 bool 值 (1,0) 的 NUMBER，如下所示: grp bool --- ---- A 1 A 1 A
出于测试目的，我正在尝试删除一些 amd 模块并从服务器重新加载更新版本 - 目的是不刷新浏览器。 我目前正在执行以下操作，但浏览器仍然没有从网络重新加载项目。 var scripts = docum
当我键入irb> require 'rubygems'时，它返回false。我的Rails应用程序中有很多 gem ，这些 gem 显然可以正常工作-耙子，activerecord等。这里可能出什么问
我是一名优秀的程序员,十分优秀！