webpack3.x 项目同时引入antd mobile2.x 和5.x会报错

[shilianmalaxiangguo]

情况与这个一模一样,希望能修复这个问题.
#5218

[awmleer]

需要提供更具体的复现方式（比如一份压缩包或者一个 GitHub 仓库）

不然大家没办法帮你排查问题

[shilianmalaxiangguo]

https://github.com/shilianmalaxiangguo/test-antd-m-v5

[awmleer]

@shilianmalaxiangguo 把出现报错的原文也再发一下吧

[shilianmalaxiangguo]

Uncaught Error: Module parse failed: Unexpected token (305:11)
You may need an appropriate loader to handle this file type.
| }
|
| return { ...rect,
| x: rect.x - scroll.scrollLeft + offsets.x,
| y: rect.y - scroll.scrollTop + offsets.y
at ./node_modules/@floating-ui/dom/dist/floating-ui.dom.esm.js (typeof.js:11:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at ./node_modules/antd-mobile-v5/es/components/popover/popover.js (popover.js:1:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at ./node_modules/antd-mobile-v5/es/components/popover/popover-menu.js (popover-menu.js:1:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at ./node_modules/antd-mobile-v5/es/components/popover/index.js (index.js:1:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at ./node_modules/antd-mobile-v5/es/components/form/form-item.js (form-item.js:1:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at ./node_modules/antd-mobile-v5/es/components/form/index.js (index.js:1:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at ./node_modules/antd-mobile-v5/es/index.js (index.js:1:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at ./src/pages/autoSignatureSettings/index.jsx (index.jsx:4:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at ./src/routes/index.jsx (index.jsx:3:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at ./src/App.js (App.js:3:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at ./src/index.js (index.js:5:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at fn (bootstrap bdcc637e0b89fc2e42be:88:1)
at 0 (index.jsx:33:1)
at webpack_require (bootstrap bdcc637e0b89fc2e42be:678:1)
at bootstrap bdcc637e0b89fc2e42be:724:1
at bootstrap bdcc637e0b89fc2e42be:724:1

[miracles1919]

看下 兼容性 处理

不要把 node_modules 排除在 babel 编译之外

你可以修改下你的 webpack config

例如注释掉 include

[shilianmalaxiangguo]

谢谢大佬,请问这样做打包build的话 会造成什么影响呢

[miracles1919]

打包会慢一点，这样 babel-loader 会把 node_modules 里的 js 也转译一遍

话说为啥不用 webpack 4/5

[shilianmalaxiangguo]

谢谢大佬,公司4年前的老项目了,想的是好久有空的时候 迁移下webpack 但是依赖太多,之前试了下 迁移失败了一次,火候不够,之后再试下.