关于uni-app中SegmentedControl 分段器不显示的问题

又到了毕设的季节，年前考研随手开题报告就写了一个关于uni-app的开发，本来想着应该简单，结果在看https://www.bilibili.com/video/BV1D5411t74T?p=27&t=56这个视频的分段器的时候怎么调试也不成功，一直报这个错误。

一开始以为是

“本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

如需通过npm方式使用uni-ui组件，另见文档：https://ext.dcloud.net.cn/plugin?id=55”

这个问题，然后把import等给注释掉。结果虽然不报错了，但是还是没有效果。

把第一个error 放到谷歌翻译里。

“语法错误：错误：无法在'E：\ Graduation_Project_pr \ dnpicture \ src \ pages \ home'中解析'@ dcloudio / uni-ui / lib / uni-segmented-control / uni-segmented-control'”

关键在于 无法解析这个@dcloudio/uni-ui

当时在运行  vue create -p dcloudio/uni-preset-vue dnpicture

以为会把@dcloudio内的所有依赖（是这么叫吧），都自动给我装上。结果啊，坑爹啊。视频里也没说，照着步骤一步步下去。但是好在提示够明确的。

还傻乎乎的去改less和sass。

所以知道错误原因了，https://ext.dcloud.net.cn/plugin?id=55按照这个教程，在项目根目录下powershell。安装，然后关掉环境。重启所有开发环境。即可解决问题。

话说回来，会看错误确实很重要，要不然这很简单的一个问题，拖了我3小时。。。。。。。（还以为是hbuilderX的问题，换了vscode后来发现冤枉人家了）