我想在我的项目中添加 gif，我正在编译文件加载器但我在控制台上收到错误消息 Minified React 错误 #130

如何解决我想在我的项目中添加 gif，我正在编译文件加载器但我在控制台上收到错误消息 Minified React 错误 #130

import React,{ Component } from 'react'
import Navbar from './Navbar'
import Users from './Users'
import axios from 'axios'

export class App extends Component {

  constructor(props){
    super(props);
    this.state= {
      loading: false,users:[]
    }
  }

  componentDidMount() {
    this.setState({loading:true});
    setTimeout(() => {
      axios
      .get('https://api.github.com/users')
      .then(res => this.setState({users:res.data,loading:false}));
    },3000);
    
  }

  render() {
    return (
      <> 
        <Navbar />
        <Users users={this.state.users} loading={this.state.loading} />
      
      </>
      
    )
  }
}

export default App

--App.js--

import React from 'react';
import loading from './loading.gif'

export const Loading = () => {
  return (
    <React.Fragment>
      <img src={loading} alt="Loading..." style={{width:'200px',display:'block',margin:"auto"}} ></img>
    </React.Fragment>
  )
}

--Loading.js--

import React,{ Component } from 'react';
import User from './User';
import Loading from './Loading'

export class Users extends Component {
  render() {
    if(this.props.loading){
      return <Loading />
    }else{
      return (
        <div className="container mt-3">
          .<div class="row">
          {this.props.users.map(user => (
            <User user={user} key={user.id} />
          ))}
          </div> 
        </div>
      )
    } 
  }
}

export default Users

--Users.js--

import React,{ Component } from 'react'

export class User extends Component {
  constructor(props){
    super(props);
    this.state = {
      id : '68995469',name: 'xxx',login: 'mbakin',avatar_url: "https://avatars.githubusercontent.com/u/68995469?v=4",html_url: "https://github.com/mbakin",followers: 4,blog: "",}
  }
  render() {
    const {login,avatar_url,html_url} = this.props.user;
    return (
        <div className="col-md-4 col-sm-6 col-lg-3">
          <div className="card mt-2">
            <img src={avatar_url}  alt="" className="img-fluid"/>           
            <div className="card-body">
                  <h5 className="card-title">{login}</h5>
                  <a href={html_url} className="btn btn-outline-primary btn-sm">Go Profile</a>
            </div>  
          </div>
        </div>
    )
  }
}

export default User

--User.js---

我收到此错误：

错误：缩小反应错误 #130；访问 https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= 获取完整消息或使用非缩小的开发环境获取完整错误和其他有用的警告。我该如何解决这个问题？