Скопируйте + вставьте код с: https://stackoverflow.com/info/41514549/
Затем я исправляю ошибку и меняю "класс" на "id" так:
main.html
<head>
<title>React Meteor Voting</title>
</head>
<body>
<div id="render-target"></div>
</body>
main.jsx
import React, { Component } from 'react';
import {Meteor} from 'meteor/meteor';
import { render } from 'react-dom';
Meteor.startup(() => {
render(<App />, document.getElementById('render-target'));
});
class App extends Component {
render(){
return (
<h1>Hello!</h1>
);
}
}
package.json
{
"name": "test-react",
"private": true,
"scripts": {
"start": "meteor run"
},
"dependencies": {
"babel-runtime": "^6.20.0",
"meteor-node-stubs": "~0.2.4",
"react": "^15.5.4",
"react-dom": "^15.5.4"
}
}
Но у меня такая же ошибка:
Ошибка нечистоты: _registerComponent (...): Контейнер цели не является элементом DOM. в инварианте (modules.js? hash = de726ed...: 12672) в Object._renderNewRootComponent (modules.js? hash = de726ed...: 30752) в Object._renderSubtreeIntoContainer (modules.js? hash = de726ed...: 30842) при рендере (модули.js? hash = de726ed...: 30863) at app.js? hash = 71ef103...: 46 at maybeReady (meteor.js? hash = 27829e9...: 809) в HTMLDocument.loadingCompleted(meteor.js? hash = 27829e9...: 821 )
Меня сводит с ума.... ¡¡¡¡¡