部署后反应项目错误最大调用堆栈

问题描述

我在 Netlify ， Surge 和 Roast 上托管了我的小型React项目。但是，加载时它给了我空白屏幕。在控制台上会显示以下错误。

RangeError：超出了最大调用堆栈大小
在Object.a（classCallCheck.js：1）
在新的（main.f994feda.chunk.js：1）
在新的（main.f994feda.chunk.js：1）
在新的（main.f994feda.chunk.js：1）
在新的（main.f994feda.chunk.js：1）
在新的（main.f994feda.chunk.js：1）
在新的（main.f994feda.chunk.js：1）
在新的（main.f994feda.chunk.js：1）
在新的（main.f994feda.chunk.js：1）
在新的（main.f994feda.chunk.js：1）

但是，如果我使用yarn start或npm start，则我的应用程序可以正常运行。

更新：如果我删除了此组件，则App Works可以

import React from 'react'
import './static_half_style.css'

export default class Array extends React.Component{
    displayElements=()=>
    this.props.elements.map(element=>{
        var text;
        if(this.props.show){
            text=<h2>{element.text}</h2>
        }else{
            text=<h2></h2>
        } 
    return(<div style={ {height :`${parseInt(element.text)*(this.props.show?100:window.screen.height/360)}px`,backgroundColor:`${element.color}`}}
        className='single-item'>
         {text}
        </div>)
        })
    render(){
        return(
            <div className='dynamic-half'>
                {this.displayElements()}
            </div>
        )
    }
}

预先感谢

解决方法

我遇到了类似的问题，并找到了一个可行的解决方案 here。

就我而言，问题是由于创建了自定义 Object 类（如上面的线程中所述）。我敢猜测您遇到了同样的问题，因为您已经定义了一个自定义 Array 类。

尝试重命名您的 Array 类并重新部署。