3***@qq.com
3***@qq.com
  • 发布:2024-02-24 12:28
  • 更新:2024-03-08 19:51
  • 阅读:352

求助大佬、通过npm创建的vue-cli项目,编译时uni-ui组件icons出现错误(oldOptions[key] is not a function)

分类:uni-app

求助大佬、通过npm创建的vue-cli项目,编译时uni-ui组件icons出现如下错误:

 ERROR  Failed to compile with 2 errors                                                                         12:11:17  

 error  in ./node_modules/@dcloudio/uni-ui/lib/uni-icons/uniicons.ttf  

oldOptions[key] is not a function  

 error   

Cannot read properties of undefined (reading 'get')s served from 'D:\nodejs\uniapp\campus-project-page\campus-miniprogra  
during rendering of asset asset|D:\nodejs\uniapp\campus-project-page\campus-miniprogram\node_modules\@dcloudio\uni-ui\li  
b\uni-icons\uniicons.ttf 404s will fallback to '/index.html'  

...<略>...  

ERROR in Cannot read properties of undefined (reading 'get')  
during rendering of asset asset|D:\nodejs\uniapp\campus-project-page\campus-miniprogram\node_modules\@dcloudio\uni-ui\li  
b\uni-icons\uniicons.ttf  

3 errors have detailed information that is not shown.  
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

页面错误如附件所示

2024-02-24 12:28 负责人:DCloud_UNI_HT 分享
已邀请:
HRK_01

HRK_01

感谢反馈,我用cli创建的命令行项目可以正常使用icons,能否提供一个问题工程zip附件?

  • 3***@qq.com (作者)

    您好,我重新创建了一个新工程(项目创建参照教程:https://zh.uniapp.dcloud.io/quickstart-cli.html;uni-ui安装参照:https://github.com/dcloudio/uni-ui (方式二)),上传了问题工程附件,问题仍然存在;node 版本=v16.15.0,如需其他系统信息可以回复,如我工程创建错误还请不吝赐教,如有其他问题还请指导解决。

    2024-03-08 12:55

3***@qq.com

3***@qq.com (作者)

问题工程附件(不含node_modules)

HRK_01

HRK_01

看了你的附件,你的sass-loader版本太高了,回退到@10.1.1 即可。
具体详见:readme
后续还有问题则可在此贴回复,我负责跟进~

  • 3***@qq.com (作者)

    感谢您的解答,但执行更换版本操作后,问题仍存在,错误仍是原错误;

    2024-03-08 19:01

3***@qq.com

3***@qq.com (作者)

感谢您的解答,但执行更换版本操作后,问题仍存在,错误仍是原错误。
执行:

npm uninstall sass-loader    
npm i sass-loader@10.1.1 -D

更新后的package.json

<略>  
"devDependencies":{  
    <略>  
    "sass-loader": "^10.1.1",  
    <略>  
}  
<略>
HRK_01

HRK_01

刚刚测试了一下,可能通过npm安装的sass-loader有点问题,需要换成yarn安装,你把node_modules文件夹去掉。然后按照以下步骤重新安装一下依赖。

npm i yarn  
yarn install  
yarn add sass-loader@10.1.1 -D
  • 3***@qq.com (作者)

    在当前项目中执行此操作仍不能解决问题。但使用另一台电脑重新安装node16(16.20.2主版本相同,次版本最新),全局安装yarn,使用vue-cli建立uniapp项目完成后,删除node_modules使用yarn完成后续uni-ui的安装步骤,没有出现错误;使用原电脑nvm切换至相同node版本到(v16.20.2),执行同上步骤,没有出现错误,问题解决,但我无法断定问题原因来自npm、node或sass-loader,更多信息还需进一步排查。

    2024-03-09 08:24

  • HRK_01

    回复 3***@qq.com: 好的,感谢反馈

    2024-03-11 11:01

要回复问题请先登录注册