时间戳

首页 > 解决方案 > Meteor + React - 错误：目标容器不是 DOM 元素

reactjs - Meteor + React - 错误：目标容器不是 DOM 元素

问题描述

遵循流星反应教程时出现此错误：https ://www.meteor.com/tutorials/react/creating-an-app

JavaScript 控制台调试器

我的应用程序位于Meteor v1.7.0.1中。

我的client/main.js文件如下所示：

import React from 'react';
import { Meteor } from 'meteor/meteor';
import { render } from 'react-dom';

import App from './imports/ui/App.js';


Meteor.startup(() => {
  render(<App />, document.getElementById('render-target'));
});

我的client/main.html是这样的：

<head>
  <title>Todo List</title>
</head>

<body>
  <div id="render-target"></div>
</body>

谁能帮我解决这个问题。谢谢！

标签： reactjsdommeteorrender

解决方案

你的ReactDOM进口在哪里？您需要react-dom在浏览器中工作。像这样在终端中安装它：

npm install --save react-dom

然后我会这样重构：

import React from 'react';
import ReactDOM from 'react-dom';
import './main.html';

另外，你的组件在哪里？像这样创建一个：

const App = () => {
  return <div>React App #2</div>;
};

然后像这样渲染它：

Meteor.startup(() => {
  ReactDOM.render(<App />, document.querySelector('.container'));
});

推荐阅读