2

練習用 React アプリで git リポジトリを取得し、codesandbox.io に入れて、一緒に作業している他の人にもっと簡単に見せることができるようにしようとしています。ここでサンドボックスを取得するの指示に従いました: https://codesandbox.io/s/github/cdpautsch/react-learning-area/tree/master/test-app2

ただし、次のエラーが表示されます。Target container is not a DOM element

evaluate
/src/index.js:52:9
  49 |     }
  50 | }
  51 | 
> 52 | ReactDOM.render((
     |         ^
  53 |     <Provider store={store}>
  54 |         <BrowserRouter>
  55 |             <div>

webpack-dev-server で実行している場合、このエラーは私のマシンでは発生しません。

からの私のコードindex.js:

ReactDOM.render((
    <Provider store={store}>
        <BrowserRouter>
            <div>
                <Navbar />

                <Route exact path = "/" component = {Home} />
                <Route path = "/cards" component = {CardsGame} />
            </div>
        </BrowserRouter>
    </Provider>
), document.getElementById('app'));

からの私のコードindex.html:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>TestApp2</title>
    </head>
    <body>
        <div id="app"></div>
    </body>
</html>

それは有効な要素ではないと言っていますが、間違いなくそこにあり、間違いなく正しい名前を持っています。私は何が欠けていますか？

追加情報による更新: * アプリは で作成されたのではなくcreate-react-app、パッケージを手動で初期化してロードしました * サンドボックスはデフォルトで CRA に設定されているようですが、これは実行方法に影響する可能性がありますか?

4

2 に答える 2