9***@qq.com
9***@qq.com
  • 发布:2021-01-29 11:59
  • 更新:2021-02-03 10:24
  • 阅读:841

#插件讨论# 【 Row 流式栅格系统 - DCloud 】uni-col无法通过编译

分类:uni-app

使用uni-col后无法编译通过,提示错误如下:
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 variable: "$breakpoints".
on line 325 of F:\WorkSpace\Git\ylt-wxapplet\platform\components\uni-col\uni-col.vue

@each $point in map-keys($breakpoints) {
-------------------------^
at runLoaders (E:\Software\HBuilderX\plugins\uniapp-cli\node_modules\webpack\lib\NormalModule.js:316:20)
at E:\Software\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:367:11
at E:\Software\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:233:18
at context.callback (E:\Software\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
at Object.render [as callback] (E:\Software\HBuilderX\plugins\uniapp-cli\node_modules\sass-loader\dist\index.js:73:7)
at Object.done [as callback] (E:\Software\HBuilderX\plugins\uniapp-cli\node_modules\neo-async\async.js:8067:18)
at options.error (E:\Software\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\lib\index.js:294:32)
ERROR Build failed with errors.

2021-01-29 11:59 负责人:无 分享
已邀请:
DCloud_UNI_LXH

DCloud_UNI_LXH

这个是因为col组件中使用了一个全局的scss变量。可以暂时放在col组件中,我稍后会发布新版带上。

    /* breakpoints */  
    $--sm: 768px !default;  
    $--md: 992px !default;  
    $--lg: 1200px !default;  
    $--xl: 1920px !default;  

    $breakpoints: ('xs' : (max-width: $--sm - 1),  
    'sm' : (min-width: $--sm),  
    'md' : (min-width: $--md),  
    'lg' : (min-width: $--lg),  
    'xl' : (min-width: $--xl));

该问题目前已经被锁定, 无法添加新回复