又到了畢設的季節，年前考研隨手開題報告就寫了一個關于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后來發現冤枉人家了）

?

總結

以上是生活随笔為你收集整理的关于uni-app中SegmentedControl 分段器不显示的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。