1***@qq.com
1***@qq.com
  • 发布:2021-11-20 17:34
  • 更新:2021-12-31 09:18
  • 阅读:3340

使用HbuilderX导入uview-ui2.X,在pages.json中配置按需导入,控制台如下报错

分类:uni-app

pages.json 按需配置如下:

"easycom": {  
        // 下载安装的方式需要前面的"@/",npm安装的方式无需"@/"  
        // 下载安装方式  
        "^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"  
        // npm安装方式  
        // "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"  
    },

控制台报错如下:

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):  
17:18:55.426 ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):  
17:18:55.432 SassError: Undefined variable: "$u-content-color".  
17:18:55.432         on line 244 of D:\wxApp\TestV3\uni_modules\uview-ui\components\u-loading-icon\u-loading-icon.vue  
17:18:55.436 >> $u-loading-icon-text-color:$u-content-color !default;  
17:18:55.436    ---------------------------^  
17:18:55.442     at E:\HbuilderX\plugins\uniapp-cli\node_modules\webpack\lib\NormalModule.js:316:20  
17:18:55.442     at E:\HbuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:367:11  
17:18:55.449     at E:\HbuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:233:18  
17:18:55.450     at E:\HbuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:111:13  
17:18:55.454     at Object.callback (E:\HbuilderX\plugins\uniapp-cli\node_modules\sass-loader\dist\index.js:73:7)  
17:18:55.454     at Object.done [as callback] (E:\HbuilderX\plugins\uniapp-cli\node_modules\neo-async\async.js:8067:18)  
17:18:55.460     at E:\HbuilderX\plugins\compile-node-sass\node_modules\node-sass-china\lib\index.js:294:32  
17:18:55.460 Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):  
17:18:55.465 ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):  
17:18:55.465 SassError: Undefined variable: "$u-info".  
17:18:55.469         on line 12 of D:/wxApp/TestV3/uni_modules/uview-ui/components/u-button/vue.scss  
17:18:55.470         from line 343 of D:\wxApp\TestV3\uni_modules\uview-ui\components\u-button\u-button.vue  
17:18:55.475 >> $u-button-plain-u-button-info-color:$u-info;  
17:18:55.476    ------------------------------------^  
17:18:55.480     at E:\HbuilderX\plugins\uniapp-cli\node_modules\webpack\lib\NormalModule.js:316:20  
17:18:55.480     at E:\HbuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:367:11  
17:18:55.483     at E:\HbuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:233:18  
17:18:55.483     at E:\HbuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:111:13  
17:18:55.486     at Object.callback (E:\HbuilderX\plugins\uniapp-cli\node_modules\sass-loader\dist\index.js:73:7)  
17:18:55.487     at Object.done [as callback] (E:\HbuilderX\plugins\uniapp-cli\node_modules\neo-async\async.js:8067:18)  
17:18:55.493     at E:\HbuilderX\plugins\compile-node-sass\node_modules\node-sass-china\lib\index.js:294:32  
17:18:55.493 Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):  
17:18:55.497 ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):  
17:18:55.500 SassError: Undefined variable: "$u-primary".  
17:18:55.503         on line 203 of D:\wxApp\TestV3\uni_modules\uview-ui\components\u-icon\u-icon.vue  
17:18:55.503 >> $u-icon-primary: $u-primary !default;  
17:18:55.512    -----------------^  
17:18:55.513     at E:\HbuilderX\plugins\uniapp-cli\node_modules\webpack\lib\NormalModule.js:316:20  
17:18:55.518     at E:\HbuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:367:11  
17:18:55.519     at E:\HbuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:233:18  
17:18:55.523     at E:\HbuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:111:13  
17:18:55.524     at Object.callback (E:\HbuilderX\plugins\uniapp-cli\node_modules\sass-loader\dist\index.js:73:7)  
17:18:55.531     at Object.done [as callback] (E:\HbuilderX\plugins\uniapp-cli\node_modules\neo-async\async.js:8067:18)  
17:18:55.531     at E:\HbuilderX\plugins\compile-node-sass\node_modules\node-sass-china\lib\index.js:294:32
2021-11-20 17:34 负责人:无 分享
已邀请:
qmit

qmit

不声明不能用吗,我的就没有声明

0zcl

0zcl

老哥解决了吗,我也遇到这个问题了

  • 0zcl

    解决了:@import 'uview-ui/theme.scss'; 要加分号

    2021-12-31 09:26

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