uniapp引入uviews组件无效

最新推荐文章于 2024-05-25 18:02:47 发布

资深Bug开发大师

最新推荐文章于 2024-05-25 18:02:47 发布

阅读量435

点赞数 3

文章标签： uni-app

本文链接：https://blog.csdn.net/m0_65351601/article/details/138724717

版权

跟着官网一步一步做，发现uniapp项目引入uviews组件没生效，找了好久原因，import 单组件引入可以使用，官网全局引入

// pages.json
{
	"easycom": {
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
	},
	
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

没生效

解决方式

{
	"easycom": {
		"autoscan": true,
		"custom": {
			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
		} 
	},
	
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

成功解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

资深Bug开发大师

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
uniapp引入uviews组件无效

【代码】uniapp引入uviews组件无效。
复制链接

扫一扫

uniapp滑动周组件

07-08

uniapp滑动周组件

uniapp-菜单组件

04-11

uni-app 菜单组件，flex布局 <!-- author hzj email hzj_51it@aliyun.com wechat XHKJ_IT 菜单组件 v0.01 参数：属性类型说明 top Number 菜单项距离顶部的位置 menuList Array 菜单具体项：url 需要跳转的...

2 条评论您还未登录，请先登录后发表或查看评论

uniapp微信小程序安装uview库引入组件一直not undefined

Y_soon_start的博客

07-07

1889

问题：按照uview官网一步步安装下载、配置，最后在页面引入简单u-button组件，却显示按理说一步步照着操作不会存在这种问题，检查uview-ui文件确实是在node-modules下面没毛病啊！！在网上翻阅很多文章，发现是uview官网配置最后一步的问题。

UNI-APP_在uni-app中引入和使用uViewUI

小歪博客

08-23

911

官方文档：https://www.uviewui.com/ 1、npm 安装或者更新uViewUI 安装 npm install uview-ui 更新 npm update uview-ui 查看版本号 console.log(this.$u.config.v); // 或者(二者等价) console.log(this.$u.config.version); 2、npm 安装方式的配置（使用Hbuilder创建的项目忽略此步骤） uView依赖SCSS，您必须要安装此插件，否则无法正常运行。 H

解决使用HBuilder X开发小程序时uView组件不生效的问题

最新发布

hahala__的博客

05-25

599

解决使用HBuilder X开发小程序时uView组件不生效的问题----详细步骤

uview的内置样式不生效

2301_77172303的博客

09-17

1389

例如u-line-1文本省略达不到效果，可能是没有引用基础样式，不同版本的uview都要在App.vue里引入，如下。

uniapp引入uview不生效

weixin_45560174的博客

04-18

7411

我是直接按照官方文档npm引入的uview，引入的标签以及内容都不显示，下面链接博主给出的结局方式完美解决，通过HBulide导入uview可解决。https://www.csdn.net/tags/NtzaYg3sNjI0NzUtYmxvZwO0O0OO0O0O.html

uniapp开发引用uView-plus组件库不生效

m0_73146522的博客

01-03

2975

以下内容纯属废话,好久没有搭建项目了...记录一下自己的粗心大意;如果你也半天找不到问题出在哪里,或许可以参考一下...5.最后最重要的一部,官网是说明了的,我直接给忽略了。3. 全局scss文件中插入这段代码。4.App.vue文件加上样式。1.照着官网上的指南挨个配置。2.main.js文件配置。

使用uniapp，引入uView遇到的问题(easycom无效解决方法）

qq_62015542的博客

12-14

2510

使用uniapp，引入uView遇到的问题(easycom无效解决方法

uniapp引入uview不成功，报错未注册did you register the component correctly? For recursive components,

weixin_41884808的博客

10-16

1281

记得重启Hbuilderx或者重新编译项目才能生效。因为uniapp为了调试性能的原因，修改easycom规则不会实时生效，记得哦。我是通过npm安装的上面的路径根据自己实际情况来，在pages.json文件中加入如下配置；

记录uniapp使用uView组件遇到的问题

qq_38405436的博客

03-21

1216

还是报错，那就检查是不是在页面使用了。先记录一下，后续更新！

使用uni-app开发微信小程序时u-view样式不生效问题

热门推荐

SZnAl的博客

05-04

1万+

1.组件自定义样式不生效 需要在前面添加 ::v-deep 在存在shadow-root的dom情况下，需要额外在后面添加 >view 才能正常修改 2.输入框下面的错误信息提示文字跟输入框不对齐，向右偏一些定位到对应的元素后，并找到其父节点给他的父界面下的子节点添加样式修改信息 ::v-deep u-form-item .u-form-item__message { padding-left: 0rpx !important; } ...

Uniapp swiper 滚动图组件

09-10

【标题】"Uniapp swiper 滚动图组件"是一个基于Vue.js开发的全端兼容的前端组件，专为在不同平台（如iOS、Android、H5等）上实现滑动轮播效果而设计。它提供了丰富的功能和高度的自定义性，使得开发者能够轻松地在...

uniapp_map组件

05-26

在本文中，我们将深入探讨如何在uniAPP中利用Leaflet库来实现地图功能，并结合`mapContainer.vue`组件，创建、撒点、绘制轨迹、处理区域以及解析GeoJSON数据。Leaflet是一个轻量级的JavaScript地图库，适用于移动...

uniapp 树形组件.md

09-16

uniapp 树形组件

uniapp引入uview-ui 报错：$u-badge-primary: $u-primary !default；

赵花花的博客

04-12

3822

记录uni-app 通过 HbuilderX 引入 uview-ui 不成功的一点拙见

uniapp引入uview报错

technology_tyro的博客

11-20

2668

报错：SassError: File to import not found or unreadable: @/uni_modules/uview-ui/theme.scss.我的正确写法：（删掉前面的路径，直接从uview开始写路径，easycom那个配置估计暂时用不到，所以写全路径也没有报错）我根据网上的给的配置信息普遍都是绝对路径，如@/uni_modules/uview-ui/theme.scss，今天新建一个uniapp项目想引入uview，但是编译过程中一直报错说找不到文件。

记录一下uview在uniapp引入失败的

ourring的博客

10-19

433

最后看了一下nodemodule包index.js里的导出方式。import * as xxxfrom导入了。看了网上步骤一步一步来发现还是没生效’那么在main.js里面我们就可以通过。

uniapp引入组件

08-24

在uniapp中引入组件有几个步骤: 1. 首先，在components文件夹中创建一个新的vue文件。你可以通过点击文件 -> 新建 -> 创建.vue文件来创建新的组件文件。 2. 如果你是使用cli来创建uniapp项目的，则不需要初始化npm。但如果你需要安装npm包的话，可以在终端中使用以下命令来安装：npm install packageName --save。在js文件中使用时，你可以按照以下方法引入包：import package from 'packageName'，或者使用const package = require('packageName')。 3. 如果需要引入css文件，你可以使用@import语句后跟需要导入的外联样式表的相对路径，并用分号表示语句结束。例如： ```html <style> @import "../../common/uni.css"; /* 直接使用 */ .uni-card { box-shadow: none; } </style> ``` 4. 最后，如果需要引入静态资源，你可以将资源放在对应的文件夹中，并使用相对路径来引用该资源。综上所述，以上是uniapp中引入组件的步骤。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [uni-app组件插入(import的使用)](https://blog.csdn.net/qq_52241267/article/details/123619554)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [uni-app 学习笔记（三）uni-app中的各种引用](https://blog.csdn.net/qq_44648936/article/details/124134088)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交