使用uview组件报错

报错提示: 

15:23:55.172 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
15:23:55.172 SassError: Undefined variable: "$u-border-color".
15:23:55.172         on line 208 of E:\xjn\project\12.29\view\node_modules\uview-ui\components\u-grid-item\u-grid-item.vue
15:23:55.172 >>       $u-grid-item-border-right-color:$u-border-color !default; 
15:23:55.187    --------------------------------------^
15:23:55.187 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
15:23:55.187 SassError: Undefined variable: "$u-border-color".
15:23:55.187         on line 37 of ../../../project/12.29/view/node_modules/uview-ui/libs/css/common.scss
15:23:55.202         from line 2 of ../../../project/12.29/view/node_modules/uview-ui/index.scss
15:23:55.202         from line 68 of E:\xjn\project\12.29\view\App.vue
15:23:55.202 >>     border-color: $u-border-color!important; 
15:23:55.202    ---------------^
15:23:55.202 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
15:23:55.218 SassError: Undefined variable: "$u-content-color".
15:23:55.218         on line 244 of E:\xjn\project\12.29\view\node_modules\uview-ui\components\u-loading-icon\u-loading-icon.vue
15:23:55.218 >> $u-loading-icon-text-color:$u-content-color !default;
15:23:55.218    ---------------------------^
15:23:55.233 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
15:23:55.233 SassError: Undefined variable: "$u-primary".
15:23:55.233         on line 203 of E:\xjn\project\12.29\view\node_modules\uview-ui\components\u-icon\u-icon.vue
15:23:55.233 >> $u-icon-primary: $u-primary !default;
15:23:55.233    -----------------^
15:23:55.233 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
15:23:55.249 SassError: Undefined variable: "$u-primary".
15:23:55.249         on line 245 of E:\xjn\project\12.29\view\node_modules\uview-ui\components\u-toast\u-toast.vue
15:23:55.249 >> $u-toast-u-type-primary-color:$u-primary !default;
15:23:55.249    ------------------------------^

解决办法:

在项目根目录的uni.scss中引入时,引用颜色scss

@import "uview-ui/theme.scss";
@import "uview-ui/index.scss";
  • 9
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值