Meteor-React错误:目标容器不是DOM元素

时间:2017-01-06 21:21:59

标签: reactjs meteor

我使用React在Meteor1.4上进行this tutorial并且我收到此错误:

  

未捕获错误:_registerComponent(...):目标容器不是DOM元素。(...)

我看过this similar answer,但这是Meteor,我无法说明它为什么会发生。

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"
  }
}

1 个答案:

答案 0 :(得分:3)

在Meteor启动的渲染方法中,您将通过id获取元素,其中在您的html文件中,不存在此类元素。 在html文件正文中的div中替换ID为的类