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

最新推荐文章于 2024-03-06 08:25:58 发布

夜风天下

最新推荐文章于 2024-03-06 08:25:58 发布

阅读量4.1w

点赞数 1

分类专栏： JavaScript web 文章标签： react js es6

本文链接：https://blog.csdn.net/cn_yefeng/article/details/80221861

版权

JavaScript 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

web

7 篇文章 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;

夜风天下

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
react报错 Uncaught Error: Minified React error #130？

相信有不少同学在刚接触react 的时候，都遇到过如下错误：Uncaught Error: Minified React error #130; visit http://reactjs.org/docs/error-decoder.html?invariant=130&amp;args[]=object&amp;args[]= for the full message or use the n...
复制链接

扫一扫