点击报错链接会发现,报错说明是当前项目容器不是有效的Dom元素,所以问题出在根dom元素上。常见的情况可能是挂载节点部分的代码语法错误,正确的格式如下
ReactDOM.render(<ShowClick />, document.getElementById("app"));
或者是配置webpack时没有正确使用html-webpack-plugin
// 正确使用
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
// 其他配置代码
plugins: [
// webpack打包不包括public,需要配置生成html
new HtmlWebpackPlugin({
filename: "index.html",
template: "./public/index.html", // 配置正确路径,否则无法找到匹配的的Dom元素
}),
]
};
配置完成后,重新打包即可