如何解决部署后反应项目错误最大调用堆栈
我在 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
类并重新部署。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。