Meteor + React - Ошибка: целевой контейнер не является элементом DOM - PullRequest
Новая
       7

Meteor + React - Ошибка: целевой контейнер не является элементом DOM

0 голосов
/ 12 июня 2018

Я получаю эту ошибку, когда следую инструкции по метеорологической реакции: https://www.meteor.com/tutorials/react/creating-an-app

Консольный отладчик JavaScript

Мое приложение в Meteor v1.7.0.1 .

Мой client / main.js файл выглядит следующим образом: 

import React from 'react';
import { Meteor } from 'meteor/meteor';
import { render } from 'react-dom';

import App from './imports/ui/App.js';


Meteor.startup(() => {
  render(<App />, document.getElementById('render-target'));
});

И мой client / main.html это: 

<head>
  <title>Todo List</title>
</head>

<body>
  <div id="render-target"></div>
</body>

Может кто-нибудь помочь мне решить эту проблему.Спасибо!

1 Ответ

0 голосов
/ 05 декабря 2018

Где ваш ReactDOM импорт?Вам нужно react-dom для работы в браузере.Установите его в своем терминале так:

npm install --save react-dom

Тогда я бы изменил рефакторинг следующим образом: 

import React from 'react';
import ReactDOM from 'react-dom';
import './main.html';

Кроме того, где находится ваш компонент?Создайте что-то вроде этого: 

const App = () => {
  return <div>React App #2</div>;
};

И затем отобразите его так: 

Meteor.startup(() => {
  ReactDOM.render(<App />, document.querySelector('.container'));
});
...