【uview安装】uniapp安装uview组件库步骤，出现找不到文件报错情况原因

已于 2022-06-18 15:33:13 修改
阅读量5.3k 收藏 12
点赞数 4
分类专栏： 踩坑 文章标签： uview uniapp Hbuilder X 微信小程序 组件库
于 2022-06-18 15:31:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seeeeeeeeeee/article/details/125347618
版权

使用的编辑器是Hbuilder X

直接在uview官方文档内按步骤用下载的方式安装

在这里插入图片描述
在这里插入图片描述

然后是步骤，按图来

先安装sass

// 安装sass
npm i sass -D

// 安装sass-loader
npm i sass-loader -D
下载好后，这边就会有uview ui的文件了。

在这里插入图片描述

这里是重点，放的位置不要放错了，官网文档上说放在import Vue之后，如果你放了是不生效的，会报错，要放在我这个位置才生效。找不到文件的报错原因也正是这边位置没放对出来的。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这样就搞定了，可以去试试了

接口写好了吗
关注
  • 4
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
安装 uView 报错
前端历险记
06-17 1269
报的是这个错？？？！！！找这个问题，找的我头皮发麻 10:37:41.657 Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): 10:37:41.659 ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js): 10:37:41.680 SyntaxError 10:37:41
HBuilderX项目配置使用uview
12-22
来由 uView2.0是继1.0以来的一次重大更新，2.0已全面兼容nvue，为了这个最初的梦想，我们曾日以夜继，挑灯夜战，闻鸡起舞。您能看到屏幕上的字，却看不到我们洒在键盘上的泪。 uView来源于社区，也回归到社区，正是有一群热爱uni-app生态的同学推着它前行，而我们也一如既往的承诺，uView永久开源，永远免费。 适用领域 uView是uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码， 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。但目前除微信小程序，其它小程序平台的兼容可能存在一些问题，后续会针对这方面持续优化。 如果您是使用Hbuilder X开发的用户，您可以在uni-app插件市场通过uni_modules的形式进行安装，此安装方式可以方便您后续在uni_modules对uView进行一键升级。 在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件，导入到对应的项目
uniapp使用uview报错没找到该组件或者要求你检查easycom规范
weixin_53935634的博客
02-10 9249
这都是pagej.soneasycom的错误： 使用Uview-ui组件时，如果是npm安装 需要在page.json中修改easycom配置， 如果是下载安装，则需要有@/ 如果是npm安装 则去掉@/，使用cnpm则无法使用 重新使用npm或者 下载安装 注意：改正后一定重启HBx！！！ ...
新建uniapp项目 安装uView插件使用报错
yuejiaohh的博客
06-19 495
安装uview报错
使用uview插件时报错 ‘文件查找失败’解决方案
热门推荐
qq_41451744的博客
09-26 1万+
重新安装之后，重新运行一下项目即可正常访问。这里的开发工具为hbuilder。重新安装uview插件。
uniapp引入uview-ui 报错：$u-badge-primary: $u-primary !default；
赵花花的博客
04-12 3895
记录uni-app 通过 HbuilderX 引入 uview-ui 不成功的一点拙见
uni-app 用 cli 方式创建 TypeScritp 项目引入 uview-ui 报错【解决方法】
qq1014156094的博客
07-13 5580
报错：无法找到模块“uview-ui”的声明文件。“e:/xxxxxx/node_modules/uview-ui/index.js”隐式拥有 “any” 类型。 尝试 npm install @types/uview-ui (如果存在)，或者添加一个包含 declare module 'uview-ui'; 的新声明(.d.ts)文件ts(7016) 然后我在 sfc.d.ts 加了 declare module 'uview-ui' 还是不行，思前想后想不通，又看了一遍报错提示，发现上面是有个分号的，.
uniapp踩坑-文件查找失败：‘uview-ui‘ at main.js
wtxiaobaishu的博客
10-21 3887
uniapp踩坑-报错：文件查找失败：'uview-ui' at main.js
uniapp集成colorUI uView组件库 vuex全局变量管理
05-11
【标题】：“uniapp集成colorUI uView组件库 vuex全局变量管理” 在移动应用开发领域，uniApp是一个跨端的开发框架，它允许开发者使用一套代码库来构建多平台的应用，包括iOS、Android、H5等。本项目是关于uniApp...
uniapp使用uview组件实现省市区三级联动
06-29
在本文中，我们将深入探讨如何在uni-app框架中利用uView UI组件库来实现省市区三级联动的效果。uni-app是一个基于Vue.js的多端开发框架，它允许开发者编写一次代码，即可在iOS、Android、H5、小程序等多个平台运行。...
uniapp uView u-picker组件三级联动Demo
02-12
- 1、分2个入口：一个添加，一个编辑（编辑涉及到数据回显） - 2、添加的时候，展示的数据是默认的，是上一列第一行数据的详情（所有的年级（第一列），一年级对应的班（第二列），一班对应的学生（第三列）） - 3、...
uview uniapp数据展示图表统计源码.zip
12-09
uView UI是针对uniApp平台设计的一套全面、易用且高度可定制的组件库，而uniApp则是一个跨端开发框架，它允许开发者编写一次代码，就能在多个平台如iOS、Android、微信小程序、H5等上运行。 【描述】提到的"数据...
"运用UniApp与UView组件库构建省市区三级级联选择器"
最新发布
07-21
本文详细讲解了如何在uni-app环境中，借助uView UI组件库构建省市区三级级联的选择器功能。uni-app作为一款跨平台开发框架，基于Vue.js，支持多端统一开发。uView组件库则丰富了uni-app的UI元素，加速应用构建。 ...
uView-ui 找不到组件，查找文件失败
weixin_44126565的博客
09-28 1万+
【uView-ui 找不到组件】 类似截图的情况，一般检查easycom。 检查是否使用的cnpm安装,cnpm安装的无法使用,请改为npm安装或下载安装 检查easycom是否配置正确,下载安装的需要加@/前缀,npm安装不能加@/前缀,修改easycom配置后需要重启 ...
vscode + uniapp + Ts + uview-ui 创建步骤和问题
12-01 7959
闲来练手，用cli创建了一个uni框架的ts标注项目，使用的是vscode，使用的前端组件库是uview-ui 项目搭建： 1、首先根据 文档 中介绍，执行如下命令来初始化一个新项目，最后是项目名称： vue create -p dcloudio/uni-preset-vue my-ts-uni 2、确认过生成目录，稍等几秒初始化完成，就可以选择 默认模板 (TypeScript) 来创建 ts 项目了。过一会之后就会安装完成，完整的安装日志如下： Vue CLI v3.5.5 ? Generate pr
HBuilderX:使用uview插件时报错 ‘文件查找失败’解决方案
weixin_51465537的博客
05-15 3395
安装或重装uview插件。
uni-app项目使用uview-ui报错：Component is not found in path node-modules/uview-ui/components/xx/xx
weixin_43323097的博客
08-08 1万+
uni-app项目报错：Component is not found in path "node-modules/uview-ui/components/u-cell-group/u-cell-group"
uniapp引入uview文件查找失败：‘uview-ui‘ at main.js:
Y_ANXI的博客
12-17 4247
uview文件查找失败：'uview-ui' at main.js
记录uniapp使用uView组件遇到的问题
qq_38405436的博客
03-21 1659
还是报错，那就检查是不是在页面使用了。先记录一下，后续更新！
uniapp安装uview报错
09-21
当在uniapp中安装uview时遇到报错的情况，可以尝试以下解决方法： 1. 确保安装和引入uview的步骤都已正确执行。重新创建一个uni项目，再次添加uview-ui，并确保正确引入样式文件。 2. 在项目根目录下的uni.scss文件...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

接口写好了吗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值