Ant-design-vue: 出现 "Maximum call stack size exceeded" 错误,在使用ant-design-vue的组件时

Created on 21 Sep 2019  ·  3Comments  ·  Source: vueComponent/ant-design-vue

  • [x] I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.3.16

Environment

mac OS: 10.14.5; chrome: 76.0.3809.132; Vue:2.6.10

Reproduction link

https://github.com/liu2080019/test-raf

Steps to reproduce

1.克隆项目地址https://github.com/liu2080019/test-raf ( 最简单的一个复现模型 )
2.npm install
3.npm run start
4.浏览器打开http://0.0.0.0:8080/ , 点击图中的 “测试” 按钮, 就会报错

What is expected?

希望能协助解决这个问题

What is actually happening?

页面报错


报错信息:
raf.js:1 Uncaught RangeError: Maximum call stack size exceeded at Module.default (raf.js:1) at Function../node_modules/ant-design-vue/es/_util/raf.js.wrapperRaf.cancel (raf.js:30) at Function../node_modules/ant-design-vue/es/_util/raf.js.wrapperRaf.cancel (raf.js:30) at Function../node_modules/ant-design-vue/es/_util/raf.js.wrapperRaf.cancel (raf.js:30) at Function../node_modules/ant-design-vue/es/_util/raf.js.wrapperRaf.cancel (raf.js:30) at Function../node_modules/ant-design-vue/es/_util/raf.js.wrapperRaf.cancel (raf.js:30) at Function../node_modules/ant-design-vue/es/_util/raf.js.wrapperRaf.cancel (raf.js:30) at Function../node_modules/ant-design-vue/es/_util/raf.js.wrapperRaf.cancel (raf.js:30) at Function../node_modules/ant-design-vue/es/_util/raf.js.wrapperRaf.cancel (raf.js:30) at Function../node_modules/ant-design-vue/es/_util/raf.js.wrapperRaf.cancel (raf.js:30)

outdated

Most helpful comment

image
应该是 webpack 或 babel 问题 你可以进一步定位下
建议使用 vue-cli ,帮助你避开很多坑

仔细排查,发现是ant-design-vue/es/_util/raf.js 里引用了 node_module里的raf webpack把这个引用当成raf.js本身 导致重复引用 报错
在webpack.config.js中添加
resolve: { alias: { raf: path.resolve(__dirname, 'node_modules/raf/') }, },

All 3 comments

image
应该是 webpack 或 babel 问题 你可以进一步定位下
建议使用 vue-cli ,帮助你避开很多坑

image
应该是 webpack 或 babel 问题 你可以进一步定位下
建议使用 vue-cli ,帮助你避开很多坑

仔细排查,发现是ant-design-vue/es/_util/raf.js 里引用了 node_module里的raf webpack把这个引用当成raf.js本身 导致重复引用 报错
在webpack.config.js中添加
resolve: { alias: { raf: path.resolve(__dirname, 'node_modules/raf/') }, },

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Was this page helpful?
0 / 5 - 0 ratings