反应简单代码错误：目标容器不是DOM元素

Posted 2021-04-27

我在现有应用中阻碍了react.js。>>

我刚刚添加了webpack和一个简单的App组件，以检查其最初的工作方式，并出现错误：

Target container is not a DOM element.
正好在控制台中说：

Error: Minified React error #200; visit https://reactjs.org/docs/error-decoder.html?invariant=200 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
导致上述消息显示为错误＃200。

视图很简单：

<script src="~/dist/index.js"></script>
<div id="root"></div>
和组件：

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

const App = () => <div>Hello world!</div>;

ReactDOM.render(<App />, document.getElementById("root"));
Webpack只是简单的设置：

const path = require("path");

module.exports = {
    entry: {
        index: "./app/index.js"
    },
    output: {
        path: path.resolve(__dirname, "../dist"),
        filename: "[name].js"
    },
    module: {
        rules: [
            {
                use: {
                    loader: "babel-loader"
                },
                test: /.js$/,
                exclude: /node_modules/ //excludes node_modules folder from being transpiled by babel. We do this because it's a waste of resources to do so.
            }
        ]
    }
}
我想念什么？

我正在现有应用程序中限制react.js。我刚刚添加了webpack和一个简单的App组件，以最初检查其工作方式，但出现错误：目标容器不是DOM元素。 ...

答案

Target container is not a DOM element.