React не может найти html-документ при использовании Django Backend

Я пытаюсь настроить react frontend с django backend и все в порядке, он соответствует, загружается и т.д.

Проблема, с которой я столкнулся, заключается в том, что мой компонент react не может найти реальный документ 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 есть div с id root

Бэкенд django компилируется нормально, и при использовании webpack/babel все кажется в порядке с этой стороны. Bu эта ошибка появляется в консоли хрома при загрузке.

Урлы и представления настроены правильно, и любой html/css, который я добавляю на страницу, отображается как ожидалось

Заранее благодарю

Мне нужно было использовать let/const перед определением root.

Я идиот

Вернуться на верх