导入使用CDN链接创建的React App的pp.js时，"未捕获的引用错误：未定义要求"
我已经创建了一个React应用程序，它将带有“Hello World”的h1标记呈现到浏览器上。我已经使用CDN链接而不是npm设置了应用程序。该应用程序有三个文件：
- index.html一个div标签，ID为root
- 将我的jsx呈现给名为root的div标签的pp.js
- 我打算用于某些风格的styles.css
现在的挑战是当我添加import'时/风格。css“位于我的应用程序顶部。js，应用程序中断，浏览器上没有显示任何内容。检查浏览器控制台后，我发现错误消息：
“App.js:1未捕获引用错误：未定义require”-这是来自浏览器控制台的错误消息的屏幕截图
我的问题是如何将脚本/其他react组件导入我的应用程序。没有得到这个错误消息？为什么巴贝尔给我这个错误？
这是索引。html，样式。css和应用程序。js代码：
class App extends React.Component{
render(){
return(
<div>
<h1 className="heading">Hello World</h1>
</div>)
}
}
ReactDOM.render(<App/>, document.getElementById('root')).heading{
display: flex;
text-align: center;
font-size: 30px;
color: blueviolet;
}<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" src="style.css">
<script src='https://unpkg.com/react@16.3.1/umd/react.production.min.js'></script>
<script src='https://unpkg.com/react-dom@16.3.1/umd/react-dom.production.min.js'></script>
<script src='https://unpkg.com/babel-standalone@6.26.0/babel.js'></script>
</head>
<body>
<div id="root"></div>
<script src="App.js" type="text/babel">
</script>
</body>
</html>共有1个答案
我终于发现，最简单的解决办法是链接到我的索引。像这样的html：
<link rel="stylesheet" href="styles.css">
-
这是我的HTML代码，我试图将div中输出的内容转换成可下载的pdf文件。 我在控制台上得到这个错误： “未捕获引用错误：未定义jsPDF” 我不确定我做错了什么，我甚至在脚本标签中添加了。。。
-
我的电子应用程序有问题。大约9个月前我就让它工作了，但现在我定制的最小化和最大化按钮不能正常工作。 这是我的文件结构 下面是 和 这是我的文件 当我单击最小化或最大化时，什么都不会发生。所以我去http://localhost:8000/html/index.html检查了控制台，我看到了这些错误 未捕获引用错误：索引处未定义require。html:137 未捕获的引用错误：在index.js:
-
我在导入/导出类时遇到了麻烦。它看起来如此受打击和错过。有时它起作用，有时它不起作用。 我收到以下控制台错误：未捕获的引用错误：测试未在main.js定义： 我已经把这个测试上传到网上http://tibbotts.epizy.com/testClassImport/index.html 我尝试过将“/test.js”更改为“/test.js”、““/test”等。。 我曾尝试在web上搜索解决方
-
我第一次与Firebase合作进行一个实践项目，我很难设置用户登录其帐户的能力。 我已成功设置注册，但到目前为止，我无法登录并检查身份验证状态是否正常工作。 我在控制台中不断收到的错误是“未捕获引用错误：未定义Firebase” 我自己做了一些研究，但我似乎找到的唯一答案是，你需要包含Firebase的脚本标签，这在这里不相关，因为我已经包含了它们，或者2.4.2版本的过时响应 有关守则如下：
-
用我的超文本标记语言，下面的代码部分 在控制台上生成以下错误： 未捕获引用错误：未定义WEBGL 我已经导入了所有必要的js，所以问题是：如何解决这个问题？
-
就这样，我正在用electron开发一个程序，一切都很好，就像在轮子上一样，直到，我做了我的小npm启动，像往常一样，我测试了一下我的应用程序，我发现javascript不再工作了，所以，我做了一点“Ctrl Shift I”，我在控制台中看到，我的模块都没有被导入，因为在最上面，我们有一个很大的错误：“uncaughtreferenceerror:primordials没有在”inspect“中