首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Meteor-React错误:修复后,目标容器不是DOM元素

Meteor-React错误:修复后,目标容器不是DOM元素
EN

Stack Overflow用户
提问于 2017-06-13 03:18:32
回答 10查看 6.5K关注 0票数 14

I copy+paste代码来自:https://stackoverflow.com/questions/41514549/

然后,我修复了错误并将'class‘改为'id’,因此:

main.html

代码语言:javascript
复制
<head>
  <title>React Meteor Voting</title>
</head>
<body>
  <div id="render-target"></div>
</body>

main.jsx

代码语言:javascript
复制
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

代码语言:javascript
复制
{
  "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元素。at不变量(modules.js?hash=de726ed…:12672)在Object._renderNewRootComponent (modules.js?hash=de726ed…:30752)在Object._renderSubtreeIntoContainer (modules.js?hash=de726ed…:30842)在render (modules.js?hash=de726ed…:30863)在app.js?hash=71ef103…:46在maybeReady (meteor.js?hash=27829e9…:809)在HTMLDocument.loadingCompleted (meteor.js?hash=27829e9…:821)

快把我逼疯了.“”“

EN

回答 10

Stack Overflow用户

发布于 2018-07-06 19:04:25

基本上,这个问题是由HTML呈现引起的。您可以通过两种方法来解决此错误。

import './main.html'

方法2更好,因为这是我的选择

代码语言:javascript
复制
meteor remove blaze-html-templates
meteor add static-html
票数 48
EN

Stack Overflow用户

发布于 2017-08-28 15:17:27

如果你删除了blaze-html-templates,你需要添加static-html包来编译你的index.html并避免这个错误(参见Meteor Guide,段落末尾):

代码语言:javascript
复制
 meteor add static-html
票数 29
EN

Stack Overflow用户

发布于 2018-06-25 18:12:08

我也有同样的问题。这就是我解决这个问题的方法。

在您的终端中,在项目目录中键入以下行。

代码语言:javascript
复制
meteor remove blaze-html-templates
meteor add static-html
票数 14
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44507161

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档