Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Maximum call stack size exceeded error when running new Vue 3 app
See original GitHub issueVersion
4.5.15
Reproduction link
Environment info
Environment Info:
System:
OS: macOS 10.15.7
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Binaries:
Node: 16.11.1 - ~/.nvm/versions/node/v16.11.1/bin/node
Yarn: 1.22.17 - ~/.nvm/versions/node/v16.11.1/bin/yarn
npm: 8.0.0 - ~/.nvm/versions/node/v16.11.1/bin/npm
Browsers:
Chrome: 98.0.4758.80
Edge: Not Found
Firefox: 91.6.0
Safari: 15.3
npmPackages:
@vue/babel-helper-vue-jsx-merge-props: 1.2.1
@vue/babel-helper-vue-transform-on: 1.0.2
@vue/babel-plugin-jsx: 1.1.1
@vue/babel-plugin-transform-vue-jsx: 1.2.1
@vue/babel-preset-app: 4.5.15
@vue/babel-preset-jsx: 1.2.4
@vue/babel-sugar-composition-api-inject-h: 1.2.1
@vue/babel-sugar-composition-api-render-instance: 1.2.4
@vue/babel-sugar-functional-vue: 1.2.2
@vue/babel-sugar-inject-h: 1.2.2
@vue/babel-sugar-v-model: 1.2.3
@vue/babel-sugar-v-on: 1.2.3
@vue/cli-overlay: 4.5.15
@vue/cli-plugin-babel: ~4.5.0 => 4.5.15
@vue/cli-plugin-eslint: ~4.5.0 => 4.5.15
@vue/cli-plugin-router: 4.5.15
@vue/cli-plugin-vuex: 4.5.15
@vue/cli-service: ~4.5.0 => 4.5.15
@vue/cli-shared-utils: 4.5.15
@vue/compiler-core: 3.2.31
@vue/compiler-dom: 3.2.31
@vue/compiler-sfc: ^3.0.0 => 3.2.31
@vue/compiler-ssr: 3.2.31
@vue/component-compiler-utils: 3.3.0
@vue/preload-webpack-plugin: 1.1.2
@vue/reactivity: 3.2.31
@vue/reactivity-transform: 3.2.31
@vue/runtime-core: 3.2.31
@vue/runtime-dom: 3.2.31
@vue/server-renderer: 3.2.31
@vue/shared: 3.2.31
@vue/web-component-wrapper: 1.3.0
eslint-plugin-vue: ^7.0.0 => 7.20.0
vue: ^3.0.0 => 3.2.31
vue-eslint-parser: 7.11.0
vue-hot-reload-api: 2.3.4
vue-loader: 15.9.8 (16.8.3)
vue-style-loader: 4.1.3
vue-template-es2015-compiler: 1.9.1
npmGlobalPackages:
@vue/cli: Not Found
Steps to reproduce
- vue create test-vue-app123
- Choose Vue 3 Default
- cd test-vue-app123
- npm run serve
See error ERROR Failed to compile with 1 error 10:23:21 AM
error in ./src/App.vue?vue&type=script&lang=js
Syntax Error: RangeError: …App.vue: Maximum call stack size exceeded at Array.map (<anonymous>) at Array.map (<anonymous>) at Array.map (<anonymous>) at Array.map (<anonymous>) at Array.map (<anonymous>)
@ ./src/App.vue?vue&type=script&lang=js 1:0-262 1:0-262 1:263-514 1:263-514 @ ./src/App.vue @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.1.128:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
What is expected?
No errors when running
What is actually happening?
Can’t compile, app won’t run.
Issue Analytics
- State:
- Created 2 years ago
- Reactions:10
- Comments:9 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
YESSS… this was driving me insane all morning. I’m so glad it’s not just me
Seems to be getting stuck in an infinite recursion in
@ampproject/remappingwhile building the source maps.Call stack
A workaround is to configure Webpack’s
devtoolto something other thanevaloreval-source-map(e.g., you can pickeval-cheap-source-map):Vue CLI 5.x:
Vue CLI 4.x: