web-dev-qa-db-ja.com

React-キャッチされないエラー：ターゲットコンテナはDOM要素ではありません

私は反応するのが初めてです。

私のエラーは：

不明なエラー：ターゲットコンテナはDOM要素ではありません

私はこれを何度もグーグルで検索し、このエラーを抱えている人を見つけました：

不明なエラー：不変違反：_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>

index.jsx

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

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

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')
        ]
    }
};

私が人々がこのエラーで抱えていた最も一般的な問題は、<script>を頭または<div>の前に置くことです。しかし、私はこれらのどちらもしませんので、問題が何であるかわかりません。

javascripthtmlreactjswebpackjsx
10
Edward

私の質問を解決してくれたAxnyffの助けに感謝します。問題は、webpack-dev-middlewareを使用していた依存関係にありました。

2
Edward