I copy+paste代码来自:https://stackoverflow.com/questions/41514549/
然后,我修复了错误并将'class‘改为'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元素。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)
快把我逼疯了.“”“
发布于 2018-07-06 19:04:25
基本上,这个问题是由HTML呈现引起的。您可以通过两种方法来解决此错误。
import './main.html'
;
方法2更好,因为这是我的选择
meteor remove blaze-html-templates
meteor add static-html
发布于 2017-08-28 15:17:27
如果你删除了blaze-html-templates
,你需要添加static-html
包来编译你的index.html
并避免这个错误(参见Meteor Guide,段落末尾):
meteor add static-html
发布于 2018-06-25 18:12:08
我也有同样的问题。这就是我解决这个问题的方法。
在您的终端中,在项目目录中键入以下行。
meteor remove blaze-html-templates
meteor add static-html
https://stackoverflow.com/questions/44507161
复制相似问题