Uncaught Error: Minified React error #200 报错处理

点击报错链接会发现,报错说明是当前项目容器不是有效的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元素
    }),
  ]
};

配置完成后,重新打包即可

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Vue -渐进式JavaScript框架 介绍 vue 中文网 vue github Vue.js 是一套构建用户...
    桂_3d6b阅读 948评论 0 0
  • React 基础学习笔记 黑马程序员视频:传送门 1. React 基础 1.1 介绍react React起源于...
    Haleng阅读 831评论 1 1
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,247评论 0 2
  • Webpack Webpack是模块打包工具 作用: 1.减少文件数量 2.缩减代码体积 3.提高浏览器打开速度 ...
    TUtuQ阅读 1,185评论 0 0
  • 正在更新中... 声明:所有文章都是转载整理的,只是为了自己学习,方便自己观看,如有侵权,请立即联系我,谢谢~ V...
    是河兔兔啊阅读 4,653评论 0 1

友情链接更多精彩内容