1.3.16
mac OS: 10.14.5; chrome: 76.0.3809.132; Vue:2.6.10
https://github.com/liu2080019/test-raf
1.克隆项目地址https://github.com/liu2080019/test-raf ( 最简单的一个复现模型 )
2.npm install
3.npm run start
4.浏览器打开http://0.0.0.0:8080/ , 点击图中的 “测试” 按钮, 就会报错
希望能协助解决这个问题
页面报错
报错信息:
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)

应该是 webpack 或 babel 问题 你可以进一步定位下
建议使用 vue-cli ,帮助你避开很多坑
应该是 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.
Most helpful comment
仔细排查,发现是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/') }, },