关于uView的依赖包按照官网下载后＜U- 代码不提示的问题与原因

项目场景：

使用HBuilderX开发uniapp，采用的uView模板开发的微信小程序。 uView的官网地址：https://www.uviewui.com/components/npmSetting.html 官网开发人员的介绍npm安装依赖：https://blog.csdn.net/u013350495/article/details/106042826?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163455344616780274193626%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=163455344616780274193626&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-106042826.pc_search_all_es&utm_term=uview&spm=1018.2226.3001.4187

---

问题描述：

今天在按照uView官网的提示导入依赖，所有的一切都按照官网的步骤一步一步来。但却出现了使用组件的时候<u- 不提示代码的原因。

// uView官网给出代码
@import 'uview-ui/theme.scss';

---

原因分析：

其实问题的关键在于上面那句代码上，我们按照npm的方式下载也许官网给出的示例 uview-ui可能文件夹在项目的最外面，而我们项目目录是我下面的这张截图

---

解决方案：

相信聪明的你肯定发现了问题，其实只是引入文件的路径问题：一个uview-ui文件夹在外面，另外一个在node_moudles文件夹里面。
所以解决方法是在每一个需要添加代码的地方加上：/node_moudles，
例如下面代码中的：在uni.scss中加入即可

@import '/node_moudles/uview-ui/theme.scss'