54 Star 543 Fork 104

GVP京东零售 / nutui

 / 详情

使用栅格系统编译时 scss错误

待办的
任务
创建于  
2022-05-15 15:57

复现代码:

<nut-col />

期望:
正常编译

实际
报错:

./node_modules/@nutui/nutui-taro/dist/packages/col/index.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined operation "calc(100 / 24) * 1".

410 │     margin-left: calc(100 / 24) * $i * 1%;

当我使用

    margin-left: calc(100 / 24 * #{$i} * 1%);

能达到预期

环境

 Taro v3.4.7


  Taro CLI 3.4.7 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 14.18.1 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.17 - ~\AppData\Roaming\npm\yarn.CMD  
      npm: 6.14.15 - C:\Program Files\nodejs\npm.CMD  

@nutui/nutui-taro@3.1.20

评论 (1)

sickeeer 创建了任务
sickeeer 修改了描述
sickeeer 修改了描述
sickeeer 修改了描述
展开全部操作日志

升级taro 底层 3.4.x 即可解决
这是由于taro底层升级 node sass 导致的

登录 后才可以发表评论

状态
负责人
项目
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
预计工期 (小时)
参与者(2)
1353184 richard1015 1578949578 Violation
JavaScript
1
https://gitee.com/jd-platform-opensource/nutui.git
git@gitee.com:jd-platform-opensource/nutui.git
jd-platform-opensource
nutui
nutui

搜索帮助