我复制+粘贴代码来自:https://stackoverflow.com/questions/41514549/
然后,我修复错误并将'class'更改为'id',这样:
main.html中
<head>
<title>React Meteor Voting</title>
</head>
<body>
<div id="render-target"></div>
</body>
Run Code Online (Sandbox Code Playgroud)
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>
);
}
}
Run Code Online (Sandbox Code Playgroud)
的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"
}
}
Run Code Online (Sandbox Code Playgroud)
但我得到了同样的错误:
未捕获的错误:_registerComponent(...):目标容器不是DOM元素.在Object._renderNewRootComponent(modules.js?hash = de726ed …