React.jsでUncaught Error: Target container is not a DOM element.と表示されてしまいます

Question

経緯

YouTube のCloneを作っていたのですが、最後にfirebaseの方で公開しようとしたときエラーが出ました。
最初はターミナル内だけで起こっていたエラーだったのですが、firebaseのエラーを解決すべくいろいろ模索しているうちにまた別のエラーに当たってしまいました。

発生している問題・エラーメッセージ

調べたこと

Googleとstackoverflowとteratailそれぞれで調べてみたところ自分が確認した情報の中ではindex.htmlの回答しかなかったので質問をさせていただきました。

App.js

import React from 'react';
import "./App.css";
import Header from './Header';
import Sidebar from './Sidebar';
import SearchPage from "./SearchPage";
import RecommendedVideos from './RecommendedVideos';
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";


function App() {
  return (
    <div className="app">
      <Router>
      <Header />

        <Switch>
          <Route path="/search/:searchTerm">
            <div className="app__page">
                <Sidebar />
                <SearchPage />
            </div>
          </Route>
          <Route path="/">
              <div className="app__page">
                <Sidebar />
                <RecommendedVideos />
              </div>
          </Route>
        </Switch>
      </Router>
    </div>
  );
}

export default App;

index.js

import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

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

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

補足情報（OS/学習元動画）

OS Windows10
学習元動画

Comments

[nekoniki]

Appの中身も提示いただけますか？

[obaq_4309]

ありがとうございます
App.jsのコードもあげさせていただきました

[nekoniki]

回答遅れてすいません。
見た限り特におかしな点はないようなので、やはりindex.html周りかな・・と思います。
既に確認されている内容かもしれませんが、念のため回答しました。

[obaq_4309]

やはりそうですか・・・。
index.jsの方では問題が無かったのでindex.htmlの方を当たってみます！

回答ありがとうございます(*- -)(*_ _)ペコリ

Answer 1

ソースを見る限り特におかしな点はなさそうなので、やはりindex.htmlの実装が怪しいように思えます。
idがrootのDOMをそもそも記載していなかったり、index.htmlの描画よりも早くindex.jsが読み込まれているようなことはありませんか？

Comments

[obaq_4309]

実はindex.htmlファイルを探しているのですが見つからないんですよね

まさかindex.htmlファイルを一から作って書き直す必要があるのでしょうか？

ファイル内でindex.htmlと検索してみたところ
index.htmlと表示があったのですが、どうやらコードではなく別のURLに飛ぶ普通の外部サイトでした。特徴としては1985/10/26 17:15といった古い更新日が表示されているくらいでクリックしても別のサイトに飛ぶだけでした。