vantUi引入组件，使用组件显示为注册或找不到，组件样式部分失效

最新推荐文章于 2024-04-25 15:53:37 发布

TPCheng

最新推荐文章于 2024-04-25 15:53:37 发布

阅读量1.6k

点赞数

文章标签： Vue VantUI npm

本文链接：https://blog.csdn.net/weixin_43801428/article/details/103297709

版权

报错

in ./src/pages/activity/seckill/commodityDetail.vue

122:46-63 "export 'GoodsActionButton' was not found in 'vant'

原因：版本问题
当时是老版本维护添加新的功能，vant是1.6.28版本，将版本升级：npm install vant@2.2.14

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

TPCheng

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

王佳斌

07-18

4961

每次引入新组件后，都需要重新 **清除编译缓存** 才能正常显示样式。轻量、可靠的移动端 Vue 组件库。Vant weapp UI 框架环境搭建详细教程（Window）自从 2022 年开始，小程序做了很多改变和升级，导致网上很多搭建教程文章的教程失效了，本文来做最新的教程。为了更贴合新手，我这里创建了一个纯净无任何业务代码的小程序项目。目前由于小程序内部原因或UI框架原因，不清除缓存的话，组件无法正常显示。

【antd】使Pagination分页组件居中展示

all_might1的博客

06-25

5534

不想看长篇大论，直接跳转到解决方案咩目录一、问题描述二、解决思路 1、忆往昔峥嵘岁月稠（以前好像解决过????） 2、正入万山圈子里，一山放过一山拦（居中但没完全居中????） 3、柳暗花明又一村（前人坑我????）三、解决方案 1、单独使用分页组件 2、使用组件中分页api 四、感想心情一、问题描述接了一个以表格展示居多的需求，其中有关于table的分页展示内容。UI给的设计图中分页部分是居中展示的，但初始是居右侧展示所以样式需要修改

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

vant van-dropdown-item 鼠标滚动背景也滚动bug修复\get-container无效

weixin_45271385的博客

11-18

1734

项目中遇到下拉会随背景滚动的问题然后使用get-container绑定父元素没有用因为看样式他的position依旧为fixed,最大号的就是绑定#app/body了 <van-dropdown-menu > <van-dropdown-item get-container="#app" v-model="repairService" :options="option1"

vue3+vite配置 unplugin-vue-component 找不到 Vant 组件的问题

天问博客-专注于大前端技术

07-18

2353

使用 vue3 + vite + Vant 搭建移动端项目，为了避免全量引入 vant 导致打包体积过大，又不想一个一个组件手动导入，所以就选择了 vant 官方推荐的方法，使用 unplugin-vue-components 插件自动引入组件，并按需引入组件的样式。但是运行过程中遇到了报错：[vite] Internal server error: Failed to resolve import "vant/es" from "xxx"

vant弹出层popup无法挂载到指定节点

最新发布

qq_43222063的博客

04-25

872

在使用vant的popup组件时，希望其只显示在某个div中，否则连标题栏也遮盖住了，使用vant自带的属性，发现并不生效。通过控制台可以看出，popup已经挂载上去了，但popup的样式为position:fixed，这显然不合理，此时，popup内容的位置已经正常，但遮罩层位置还不对，用下组件自带的方法，完整代码如下。解决办法，只能自己修改样式了。页面也没有达到期望的效果。

get-container=“body“ 解决 vant Popup 弹出层选项框随页面滚动分离问题

pxhing的博客

05-12

9704

前言：上篇文章写到了 vant Popup 弹出层 + Picker 选择器实现选择列表，van-popup 里面加了一个get-container="body"属性，页面有两个van-popup，页面就会出现弹出层选项框随页面滚动分离，get-container="body"属性就解决了这个问题没加属性之前的效果：第一个van-popup 第二个van-popup 加上属性之前的...

vue2中使用VantUI

文龙刚的博客

12-29

1154

vue2中使用VantUI，Error in v-on handler: "ReferenceError: Toast is not defined"

vantfieldlabel样式修改_解决vue加scoped后就无法修改vant的UI组件的样式问题

weixin_31582099的博客

02-04

1746

有时候UI组件提供的默认的样式不能满足项目的需要，就需要我们对它的样式进行修改，但是发现加了scoped后修改的样式不起作用。解决方法：使用深度选择器，将scoped样式中的选择器“深入”，即影响子组件.a >>> .b { /* ... */ }以上的代码会编译成：.a[data-v-f3f3eg9] .b { /* ... */ }注意：如果你使用了Less或Sass等预处理...

【从入门到提桶】vue3.2 + vite + vant + pinia + ts 移动端 h5 项目实践

xxxzzzqqq_的博客

03-15

2291

预览图片旋转就讲完了。不过，扩展名里加 .vue 的话会报错，一般来说 .vue 文件编译之后会是 js，但是 .vue 里面如果包含了样式，会单独提取出来作为一个虚拟的文件，通过查询参数 type=style 来读取，这里以 babel 来转译样式文件当然报错。别急，你以为就这样完事了吗，并没有。与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。

vant-UI库修改样式无效

qq_43077362的博客

10-30

9620

最近用vue写页面时，发现使用vant的有些UI组件，而又不能满足自己的样式，修改CSS样式还是无效。css一般都会使用sass或者less，加了scoped后修改的样式不起作用，即使加了important也没用 vue项目中，当<style>标签有scoped属性时，它的 CSS 样式只作用于当前组件中的元素，父组件的样式将不会渗透到子组件中。解决办法：1.对于css语法起作用...

mpvue+vant weapp项目开发过程中遇到的问题（第二篇）

chenxiaoyi0207的博客

02-13

1734

【传送带–&amp;amp;amp;amp;gt;mpvue+vant weapp项目开发过程中遇到的问题（第一篇）】一、用mpvue写自定义组件未解决二、数据更改更新视图无效问题使用vue的v-show、v-if，小程序的:hidden，原生的style、class，触发点击事件更改数据后，都没有使视图更新。 ...

关于Vant Weapp中组件引入未找到的解决方案

热门推荐

佐斌的笔记簿

07-06

1万+

在开发微信小程序时，需要引入一些第三方UI库，这时就需要用到微信小程序的 UI，分享一些遇到的问题 Vant Weapp框架引入组件失败问题: 使用Vant 组件 [“usingcomponents”][“van-button”]: “@vant/weapp/button/index” 未找到：当出现: vm192:2 miniproject/app.json: ["usingcomponents"]["van-button"]: "@vant/weapp/button/index" 未找到解决方案

vue项目引入vant组件报错‘未注册’

乔的博客

04-30

3175

报错：export ‘ActionSheet’ was not found in ‘vant’ 在vue项目中引入的vant组件，看了官方文档，版本已经更新到2.几了，但是我本地只有1.6几。在项目进行过程中很多组件都报错类似："export ‘ActionSheet’ was not found in ‘vant’；查询到解决方式升级本地版本，升级命令： npm install vant@2...

vant 报错 "export 'DropdownItem' was not found in 'vant'

impossible1994727的博客

04-25

4701

在vue项目中引入的vant组件，看了官方文档，版本已经更新到2.几了，但是我本地只有1.6几。在项目进行过程中很多组件都报错类似："export 'DropdownItem' was not found in 'vant'；查询到解决方式升级本地版本，升级命令： npm install vant@2.2.14 ...

vantUI，Axiso，常见问题及使用：

加金开发

07-17

339

vantUI，Axiso，常见问题及使用。

VantUI组件在Vue2项目当中CSS样式不显示

qq_44539570的博客

07-24

2299

关于使用vant组件在Vue2项目中无法正常显示CSS样式的解决方案

Vue中使用Vant优惠券组件，按需导入发现报错，说组件没有注册？Vant组件使用报错

前端小王子

08-30

6294

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. 在是用Vant的优惠券组件的时候出现了该错误我按照官方文档 npm i vant -S安装 npm ...

vant4组件van-signature失效

06-10

vant4组件中的van-signature是一个用于绘制手写签名的组件。如果该组件失效，可能是由于以下原因： 1. 未引入van-canvas组件：van-signature组件依赖于van-canvas组件，如果未正确引入van-canvas组件，可能会导致van-signature失效。 2. 未在组件中设置ref属性：在使用van-signature组件时，需要在组件中设置ref属性，以便于在代码中获取该组件的实例并调用其方法。 3. 组件的宽度或高度设置不正确：van-signature组件需要设置宽度和高度，如果宽度或高度设置不正确，可能会导致组件失效。 4. 其他原因：如果以上原因都不是问题所在，可能是其他原因导致van-signature组件失效。您可以尝试重新引入组件或者查看相关的文档和示例，或者向vant官方社区提问获得更多帮助。