gpt4 book ai didi

node.js - React 没有定义 ReferenceError?我正在使用 webpack 和 webpack-dev-server

转载 作者:搜寻专家 更新时间:2023-10-31 23:11:34 24 4
gpt4 key购买 nike

这是我的jsx:

 var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(
<h1>hello world</h1>,
document.getElementById('content')
)

我用 webpack 构建到 build/bundle.js &
我将 bundle.js 导入 index.html

index.html:

<!DOCTYPE html>
<html>
<head>
┊ <meta charset="utf-8">
┊ <meta name="viewport" content="width=device-width">
┊ <title></title>
</head>
<body>
┊ <div id="content"></div>
┊ <script src="./build/bundle.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

但是当我运行 webpack-dev-server 时,chrome 控制台错误:
bundle.js:57 Uncaught ReferenceError: React is not defined
我确定,我已经运行了 npm install react
enter image description here

怎么解决呢(-_-)ゞ゛

最佳答案

您应该将其添加到您的 app.js 而不是 .jsx

var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(
<h1>hello world</h1>,
document.getElementById('content')
)

JSX 是一种转译语言,由 React 组件解释。因此,必须在 app.js 中有 React 才能让 React 组件解释 jsx!

关于node.js - React 没有定义 ReferenceError?我正在使用 webpack 和 webpack-dev-server,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39198026/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com