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

Question

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

RangeError: Maximum call stack size exceeded
at Object.a (classCallCheck.js:1)
at new a (main.f994feda.chunk.js:1)
at new a (main.f994feda.chunk.js:1)
at new a (main.f994feda.chunk.js:1)
at new a (main.f994feda.chunk.js:1)
at new a (main.f994feda.chunk.js:1)
at new a (main.f994feda.chunk.js:1)
at new a (main.f994feda.chunk.js:1)
at new a (main.f994feda.chunk.js:1)
at new a (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>
        )
    }
}

提前致谢

Answer 1

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

在我的例子中，问题是创建自定义 Object class 的结果（如上面的线程中所述）。我猜你遇到了同样的问题，因为你定义了自定义 Array class.

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

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

React Project Error (Max Call Stack) After Deploying

deployment

callstack

state

web

reactjs