Meteor-React 错误:目标容器不是 DOM 元素 [英] Meteor-React Error: Target Container is not a DOM element
本文介绍了Meteor-React 错误:目标容器不是 DOM 元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在做本教程带有 React 的 Meteor1.4，我收到此错误:
I'm doing this tutorial on Meteor1.4 with React and i'm getting this error:
未捕获的错误:_registerComponent(...): 目标容器不是 DOM 元素.(...)
Uncaught Error: _registerComponent(...): Target container is not a DOM element.(…)
我看过这个类似的答案，但这是流星，我不知道为什么会发生.
I have looked at this similar answer, but this being Meteor i can't tell why it's happening.
main.html
<head>
<title>React Meteor Voting</title>
</head>
<body>
<div class="render-target"></div>
</body>
main.js
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": "MeteorReact1.4",
"private": true,
"scripts": {
"start": "meteor run"
},
"dependencies": {
"babel-runtime": "6.18.0",
"meteor-node-stubs": "~0.2.0",
"react": "^15.4.2",
"react-dom": "^15.4.2"
}
}
推荐答案
在您的 Meteor 启动的渲染方法中，您通过 id 获取元素，其中在您的 html 文件中，不存在这样的元素.用 id 替换类 html 文件正文中的 div
In your Meteor startup's render method you are getting the element by id wherein in your html file, no such element exists. Replace class with id in the div in your html file's body
这篇关于Meteor-React 错误:目标容器不是 DOM 元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
