Maximum call stack size exceeded

I'm using Webpack for my JS application. For the styles I'm using Sass. My application is pretty big, so I'm using a lot of @mixins and @includes.

In the last couple of days (while the app's SASS-data grew a bit more) I faced the same following error multiple times: "Uncaught RangeError: Maximum call stack size exceeded".

Did anyone of you have this issue with Sass before, too? How does this error occur there usually?

Edit:

Okay, I found out, that recursiveness is not the problem. It works in Mac's Firefox and most of the browsers for Windows, but not for Mac's Chrome and Safari, because their call stack size limit is way lower.

Is there an efficient way to pretend to reach the browser's call stack size that easy? I read about webpack's Uglify , but that does just reduce my app's size, not the amount of calls, right?

Any other ideas?

---

I found an answer via: https://github.com/webpack/webpack/issues/1583

This problem would happen when I made a change to a .less file. [HPM] would notice the change, but fail to update the browser, along with the RangeError .

After commenting out new HotModuleReplacementPlugin() in the plugins section, the overflow went away, and the CSS updates started working.

Hope this helps someone else out.

链接地址: http://www.djcxy.com/p/80242.html

上一篇: square.js超出最大调用堆栈大小

下一篇: 最大调用堆栈大小超出