alibaba-fusion / next

🦍 A configurable component library for web built on React.
https://fusion.design
MIT License
4.58k stars 586 forks source link

SassError: Expected whitespace. #4918

Open huyikun opened 2 weeks ago

huyikun commented 2 weeks ago

Steps to reproduce

node: v14.21.3 @alifd/next@1.24.18

报错信息如下,我否需要更新我的 sass-loader?

ERROR in ./node_modules/@alifd/next/es/grid/main.scss (./node_modules/css-loader!./node_modules/sass-loader/dist/cjs.js??ref--14-2!./node_modules/@alifd/next-theme-loader??ref--14-3!./node_modules/@alifd/next/es/grid/main.scss) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Expected whitespace. ┌──> node_modules/@alifd/next/es/grid/scss/mixin.scss 24│ @media #{$query} { @content; } │ ^^^^^^ ╵ ╷ 1 │ (min-width: 320px)and(max-width: 479px) │ ━ error in interpolated output ╵ node_modules/@alifd/next/es/grid/scss/mixin.scss 24:26 breakpoint() node_modules/@alifd/next/es/grid/scss/mixin.scss 147:9 visible-hidden-all-points() node_modules/@alifd/next/es/grid/main.scss 111:1 root stylesheet

github-actions[bot] commented 2 weeks ago

这是您为 Fusion/Next 提的第一个 issue,感谢您对 Fusion 的信任和支持,我们会尽快进行处理。

eternalsky commented 1 week ago

这是因为你的 next 版本过低,有个语法新版 sass 已经废弃了。你应该是升级 next 而不是 sass,或者如果你不想升级 next,给 sass 降级才是正确方向。。