Javascript 未捕获错误：目标容器不是DOM元素

首先尝试连接Django+React。我是通过这个教程来做的。我能找到的是错误的顺序。可能是因为错误的配置网页，谢谢你的帮助

完全回溯

我的网页包配置：

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      }
    ]
  }
};

App.js

import React, { Component } from 'react'

class App extends Component {
  render() {
    return <div>TEST</div>
  }
}

export default App

---

您试图在

根目录下呈现React应用程序，但它不存在。它应该是
app

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('app')
)

ReactDOM.render(
,
document.getElementById（'app'）
)

或者，如果要使用
#root
，请将
替换为
index.html
中的
，
如何呈现应用程序组件？后期呈现htmlplease@lissettdm edited@rockTheWorld只有1个htmlfile@randomname别担心。这是常有的事。
import React from "react"
import ReactDOM from "react-dom"
import App from './components/App'

ReactDOM.render(
<React.StrictMode>
    <App />
</React.StrictMode>,
document.getElementById("root")
)

"scripts": {
    "dev": "webpack --mode development ./src/index.js --output-path ./static/frontend/",
    "build": "webpack --mode production ./src/index.js --output-path ./static/frontend/"
  },

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('app')
)