react报错 Uncaught Error: Minified React error #130？

谁借莪１个温暖的怀抱￠ 2022-05-25 02:49 705阅读 0赞

相信有不少同学在刚接触react 的时候，都遇到过如下 错误：

Uncaught Error: Minified React error #130; visit http://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

先贴一下会报 \#130错的代码

***index.js***

import React from 'react';
    import ReactDOM from 'react-dom';
    import Head from './head.js';
    
    ReactDOM.render(
        <Head />,
        document.body
    );

***head.js***

import React from 'react';
    import './head.css';
    
    class Head extends React.Component {
        constructor() {
            super();
        }
    
        render(){
            return (
                <div className="head-row">
                    <img className="logo-img" src="/assist/src/img/scene_data_logo.png" />
                </div>
            )
        }
    }

看出上面两段代码的问题了吗？在 head.js 中缺少 export，我相信你已经明白报\#130错误的原因了，把 head.js 修改成如下，\#130 错误就没有

import React from 'react';
    import './head.css';
    
    class Head extends React.Component {
        constructor() {
            super();
        }
    
        render(){
            return (
                <div className="head-row">
                    <img className="logo-img" src="/assist/src/img/scene_data_logo.png" />
                </div>
            )
        }
    }
    
    export default Head;

发表评论取消回复

表情：

评论列表（有 0 条评论，705人围观）

还没有评论，来说两句吧...

相关阅读

相关 create-react-app使用react-redux报错

Failed to compile. ./node_modules/react-redux/es/connect/mapDispatchToProps.js

矫情吗；*/ 2023年05月31日 12:25/ 0 赞/ 2 阅读

相关 react新增数据报错，The above error occurred in the ＜Table＞ component，

使用antd，组件新增数据的时候报错如下：提示时传输的数据格式不对，修改一下就好了。 ![使用ntd][ntd] 意思就是，错误发生在以上错误发生在组件中，考虑在树

野性酷女/ 2022年12月20日 08:53/ 0 赞/ 160 阅读

相关 Uncaught Error: Mismatched anonymous define() module 报错解决

我这个报错是因为 require.js 中定义的 define 和另一个第三方组件js中的 define 定义冲突因此报错解决方法：使用iframe

曾经终败给现在/ 2022年12月17日 10:52/ 0 赞/ 647 阅读

相关 react报错整理

1. Invariant Violation: Maximum update depth exceeded. 原因：分析： > onCancel=\{set

我就是我/ 2022年10月15日 06:56/ 0 赞/ 170 阅读

相关 react报错 Uncaught Error: Minified React error #130？

相信有不少同学在刚接触react 的时候，都遇到过如下错误： Uncaught Error: Minified React error 130; visit htt

谁借莪１个温暖的怀抱￠/ 2022年05月25日 02:49/ 0 赞/ 706 阅读

相关 react-native 报错

问题当我执行 react-native run-android 的时候。控制台报错 : Could not run adb reverse: Comman

旧城等待，/ 2022年05月17日 10:55/ 0 赞/ 208 阅读

相关 Uncaught Error: Syntax error, unrecognized expression:# 报错解决

\直接报错：语法错误；不认识 \ \ Ajax 发送的请求中，$( “\…”) 中出现问题了，html 中查找下； ![报错信息][watermark_type_Zm

以你之姓@/ 2022年05月14日 13:57/ 0 赞/ 983 阅读

相关解决React Native 项目启动登陆报错【403 forbidden error】

在合并代码分支并解决所有的冲突之后，我尝试运行项目，前端项目正常启动。但是在点击登陆时，没有正常登陆，并且报错信息为【403 forbidden error】 403错误表

我会带着你远行/ 2022年03月27日 06:05/ 0 赞/ 389 阅读

相关 webstorm react项目报错：Error: EPERM: operation not permitted

webstorm上导入了react项目，执行npm run start 之后就报错， > cross-env APP\_TYPE=site umi dev fs.js:11

忘是亡心i/ 2021年12月10日 14:01/ 0 赞/ 482 阅读

相关 react启动报错(react is not defined)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhbnNl

忘是亡心i/ 2021年09月02日 09:07/ 0 赞/ 909 阅读