Webpack打包报错RangeError: Maximum call stack size exceeded

报错信息：

 RangeError: Maximum call stack size exceeded- Array.join- loader.js:228 Function.Module._findPathinternal/modules/cjs/loader.js:228:56- loader.js:591 Function.Module._resolveFilenameinternal/modules/cjs/loader.js:591:25- loader.js:520 Function.Module._loadinternal/modules/cjs/loader.js:520:25- loader.js:650 Module.requireinternal/modules/cjs/loader.js:650:17- helpers.js:20 requireinternal/modules/cjs/helpers.js:20:18- extract-chunks.js:35 getNames[vue-cli3-import-test]/[@vue]/preload-webpack-plugin/src/lib/extract-chunks.js:35:22- extract-chunks.js:44 getNames[vue-cli3-import-test]/[@vue]/preload-webpack-plugin/src/lib/extract-chunks.js:44:21

这是因为 @vue/preload-webpack-plugin 这个插件在打包过程中创建chunks 有问题，导致循环依赖。

解决方案1：

将每个单页的中预载插件移除。

vue.config.ts
只贴入需要修改的config。其他的配置根据项目自定义。
const pagesObject = {index:{// page 的入口entry:'src/main.js', // 模板来源template:'public/index.html',// 在 dist/index.html 的输出filename:'index.html',// 当使用 title 选项时，// template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>// title:'index',// 提取出来的通用 chunk 和 vendor chunk。//   chunks: ["chunk-vendors", "chunk-common", "index"]},};module.exports = {pages:pagesObject,chainWebpack: config => {// TODO: Remove this workaround once https://github.com/vuejs/vue-cli/issues/2463 is fixed// Remove preload plugins for multi-page build to prevent infinite recursionObject.keys(pagesObject).forEach(page => {config.plugins.delete(`preload-${page}`)config.plugins.delete(`prefetch-${page}`)})},
}

解决方案2:这是@vue/preload-webpack-plugin1.1.0的bug，升级到1.1.1以上版本即可，在package-lock/yarn-lock,删除重新install一下，看下preload版本升级。

参考issue:
https://github.com/vuejs/vue-cli/issues/2463
https://github.com/vuejs/preload-webpack-plugin/pull/3

Webpack打包报错RangeError: Maximum call stack size exceeded相关推荐

路由报错RangeError: Maximum call stack size exceeded at redirect (vue-router.esm.js?8c4f:1394:1)
本文主要介绍了报错 [Vue warn]: Error in render: "RangeError: Maximum call stack size exceeded" foun ...
npm run build打包时提示RangeError:Maximum call stack size exceeded
项目打包时提示如下: UnhandlePromiseRejectionWarning:RangeError:Maximum call stack size exceeded at match (-/v ...
Js报错：Maximum call stack size exceeded
 <script>function mul(n) {return n * mul(n - 1)}alert(mul(100)) < ...
JS报错：Uncaught RangeError: Maximum call stack size exceeded
之前,遇到Uncaught RangeError: Maximum call stack size exceeded,查了一下,这个就是"最大堆栈超过了最大值",一般这种错误也是在 ...
Vue -- 项目报错整理(1)：RangeError: Maximum call stack size exceeded
这几天项目运行报了个错: Uncaught RangeError: Maximum call stack size exceeded,刚开始看到 "returnNodeParameter&q ...
解决 VUE前端项目报错：RangeError: Maximum call stack size exceeded
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 我点击菜单按钮报错: RangeError: Maximum call stack size ...
ERROR in app.js from UglifyJs RangeError: Maximum call stack size exceeded
在使用webpack中的uglify时报错: ERROR in app.js from UglifyJs RangeError: Maximum call stack size exceeded 看了 ...
Uncaught RangeError Maximum call stack size exceeded
前端报错:Uncaught RangeError:Maximum call stack size exceeded at RegExp.exec() 报错原因为栈溢出,大多因为递归导致,无限循环调用自 ...
黑马博客实战项目中 Mongoose 错误-RangeError: Maximum call stack size exceeded，返回的文档过大导致模板引擎无法渲染的问题
黑马博客实战项目中遇到的bug,过程写得很简略仅供自己复习参考,解决办法在文末加粗了,可以直接跳到文末查看只是暂时解决了问题,但对问题的本质还没有清晰认识,希望有大佬指教. 只要加入populate ...

Webpack打包报错RangeError: Maximum call stack size exceeded

解决方案1：

解决方案2:这是@vue/preload-webpack-plugin1.1.0的bug，升级到1.1.1以上版本即可，在package-lock/yarn-lock,删除重新install一下，看下preload版本升级。

Webpack打包报错RangeError: Maximum call stack size exceeded相关推荐

最新文章

热门文章