React - Uncaught Error:目标容器不是DOM元素

Question

React - Uncaught Error:目标容器不是DOM元素

Edw*_*ard 10 html javascript jsx reactjs webpack

我有新的反应.

我的错误是:

未捕获的错误:目标容器不是DOM元素

我用Google搜索了很多次,发现有这个错误的人:

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

我的不包含:

_registerComponent(...):

这是我的文件:

的index.html

<html>
<head>

    <meta charset="utf-8">
    <title>React</title>

</head>
<body>

    <div id="root"></div>
    <script src="./bundle.js"></script>

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

index.jsx

import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
    <div>
        <h1>Hello World!</h1>
    </div>, 
    document.getElementById('root')
);

Run Code Online (Sandbox Code Playgroud)

webpack.config.js

const path = require('path');

module.exports = {
    context: path.join(__dirname, 'src'),
    entry: './index.jsx',
    output: {
        path: path.join(__dirname, 'public'),
        filename: './bundle.js'
    },
    module: {
        loaders: [
            { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },
            { test: /\.jsx$/, loader: 'babel-loader', exclude: /node_modules/ },
        ],
    },
    resolve: {
        modules: [
            path.join(__dirname, 'node_modules')
        ]
    }
};

Run Code Online (Sandbox Code Playgroud)

我发现人们遇到这个错误的最常见问题是他们放在<script>头上或之前<div>.但我不会做这些,所以我不知道问题是什么.

Answer 1

小智 2

感谢 Axnyff 的帮助，解决了我的问题。问题出在我使用的依赖项 webpack-dev-middleware 上。

归档时间：	8 年，2 月前
查看次数：	11033 次
最近记录：	8 年，1 月前