Codesandbox выдает ошибку «Целевой контейнер не является элементом DOM» для приложения React, но webpack-dev-server этого не делает - PullRequest
Новая
       12

Codesandbox выдает ошибку «Целевой контейнер не является элементом DOM» для приложения React, но webpack-dev-server этого не делает

0 голосов
/ 20 мая 2019

Я пытаюсь взять мое git-репо с тренировочным приложением React и поместить его в 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, и это может повлиять на ее работу?

...