React在使用Django后端时无法找到html文档

Question

我正在尝试配置一个react前端与django后端，一切都很好，它遵守，它加载等。

我面临的问题是，我的反应组件是无法找到实际的index.html文档Uncaught ReferenceError: root is not defined

我的react应用是按照标准方式构建的

 in ./src/components/App.js
//proper imports up here {react, reactDOM} 
export default function App(){
  return (
    <h1>hello world</h1>
  )
}
root = reactDOM.createroot(document.getElementById('root))
root.render(<App />)

在我的index.js位于。src/index.js

import App from './components/App.js'

和我的webpack配置文件指向这个index.js文件

是的，我已经确保在我的样板HTML

中有一个id为root的div django后端编译得很好，使用webpack/babel的东西在那端似乎很好。但是这个错误是在加载时弹出在chrome控制台。

url和视图已正确设置，我添加到页面中的任何html/css都按预期显示

提前谢谢你

Answer 1

我需要在定义根之前使用let/const。

我是一个白痴