next+antd-mobile

Version of antd-mobile

5.0.0-beta.23

Operating system and its version

Others

Browser and its version

chrome

Sandbox to reproduce

No response

What happened?

“next”: “10.2.0”, “next-pwa”: “^5.2.23”, “webpack”: “^4.46.0”, “react”: “17.0.2”, 安装2.x正常，升级5.0.0-beta.23之后import { Swiper } from 'antd-mobile’报错slider.css loader问题，不知道怎么解决

辛苦解答，感谢

Relevant log output

error - ./node_modules/antd-mobile/es/components/slider/slider.css
ModuleParseError: Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

Code of Conduct

• I agree to follow this project’s Code of Conduct

[zzzgydi]

你这里的next版本是v10，对应的next-transpile-modules版本应该是v7，你现在用的是v9，具体可以看https://github.com/martpie/next-transpile-modules#compatibility-table

[ZhelinCheng]

我出现了这样的提示： next-transpile-modules - DEPRECATED - fallbacking to previous module resolution system for module “antd-mobile”, you can now just pass the name of the package to transpile and it will detect its real path without you having to pass a sub-module.

Error: next-transpile-modules - an unexpected error happened when trying to resolve “antd-mobile”. Are you sure the name module you are trying to transpile is correct, and it has a “main” or an “exports” field?

Error: Can’t resolve ‘antd-mobile’ in ‘/var/user’

at getPackageRootDirectory (/opt/node_modules/next-transpile-modules/src/next-transpile-modules.js:173:17)

at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)

at Module.load (internal/modules/cjs/loader.js:1002:32)

at Function.Module._load (internal/modules/cjs/loader.js:901:14)