javascript - 错误: Target container is not a DOM element react/react-redux

Question

嗨，我正在使用 React Redux 和 Firebase 数据库制作一个画廊。
我遇到了这个错误..
“错误:目标容器不是 DOM 元素”
谁能帮我解决这个问题吗？

import React from "react";
import ReactDOM from 'react-dom';
import App from "./App";
import * as serviceWorker from "./serviceWorker";
import { createStore, compose, applyMiddleware } from "redux";
import rootReducer from "./components/redux/reducer";
import { Provider } from "react-redux";
import { BrowserRouter } from "react-router-dom";
import "bootstrap/dist/css/bootstrap.min.css";
import thunk from "redux-thunk";

const composeEnhancer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const store = createStore(rootReducer, composeEnhancer(applyMiddleware(thunk)));

ReactDOM.render(
  <Provider store={store}>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </Provider>,
  document.getElementById("root")
);

Answer 1

问题很可能是您的脚本在创建 #root 元素之前执行。将脚本标签移动到 html 中的 #root 元素之后，或者在“DOMContentLoaded”事件的回调中执行 ReactDOM.render。