UniApp中引入VantUI后出现报错@import ‘../common/index.css‘；.van-icon{text-rendering:auto；-webkit-font-smoothi

最新推荐文章于 2024-03-16 17:10:01 发布
最新推荐文章于 2024-03-16 17:10:01 发布
阅读量943 收藏 2
点赞数 3
分类专栏： uniapp学习笔记 报错问题解决 文章标签： uni-app css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44912902/article/details/131178574
版权

在我们引入VantUI后，运行发现报错了！！！

报错信息：

@import '../common/index.css';.van-icon{text-rendering:auto;-webkit-font-smoothing:antialiased;font:normal normal normal 14px/1 vant-icon;font-size:inherit;position:relative}.van-icon,.van-icon:before{display:inline-block}.van-icon-exchange:before{content:"\e6af"}.van-icon-eye:before{content:"\e6b0"}.van-icon-enlarge:before{content:"\e6b1"}.van-icon-expand-o:before{content:"\e6b2"}.van-icon-eye-o:before{content:"\e6b3"}......

在这里插入图片描述

解决：

只需要在icon目录下的index.wxss文件中，ctrl+f查找url然后在url加上空格即可！！！

在这里插入图片描述

令人作呕的溏心蛋
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
vant-weapp-uniapp:vant-weapp的uniapp演示（仅微信小工具）
05-09
VantUI Uniapp 示例 本示例原本是从vant官方发布的微信演示示例转换而来,支持微信小程序（H5不支持！！）。 vant-weapp版本为1.6.7. vant weapp的组件库，都在工程的wxcomponents目录下。pages目录下是各个示例页面。 图片上传服务 提供了图片Nodejs服务 ，代码路径为\src\node-image-upload-server 安装npm包 npm install 运行服务 node app 感谢 本示例参考了依据官网增加了新控件的使用示例。 :fire: 更新日志 1.2.2(2021-01-30) 升级版本至1.6.7，增加新功能示例（自定义属性示例），优化原有功能。 1.1.0(2020-04-30) 升级版本至1.2.1，增加新功能示例，优化原有功能。 1.0.0(2020-02-19) 支持H5模式编译。
在uni-app中使用pdf.js实现在手机上打开pdf
11-04
在uni-app中实现PDF在手机上的展示，可以借助流行的PDF.js库。uni-app是一个多端开发框架，它允许开发者编写一次代码，即可在iOS、Android、H5等多个平台运行。而PDF.js是Mozilla开发的一个开源项目，专门用于在...
not found: * vant/lib/vant-css/index.css in ./src/main.js
Devin_Chen的博客
04-11 1万+
This dependency was not found: * vant/lib/vant-css/index.css in ./src/main.js To install it, you can run: npm install --save vant/lib/vant-css/index.css WAIT Compiling...11:03:17 之前写过一个vant的项目...
uni-app开发 常见异常和解决办法
CUFEECR的博客
12-13 5151
uni-app是一个基于Vue开发前端应用的框架，只需要一套代码即可发布到Android、iOS、Web和小程序等多端，在开发过程中可能会遇到一些异常：调用微信开发者工具报错IDE service port disabled，需要打开服务端口；@import导入外部样式需要放于style块最前面，同时后面需要加分号；v-for列表渲染指定:key属性报错Duplicate keys detected。持续更新中...
uniapp引入vant报错Unclosed bracket
yy_demo的博客
10-27 671
可以在vant的lib里面的index.css中搜索format，然后在format括号的逗号后面，加一个空格。我是想按需引入的，所以创建了一个新的文件vant.config.js,然后在main.js中引入了这个文件。
Vue @import ‘~@/css/reset.css’；报错，解决方案
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
10-03 7737
这个问题简单，不做过多描述，如题所述，如果因为这个导致错误，请安装。
uniapp安装vant并解决样式引入报错
最新发布
qq_44741577的博客
03-16 890
unaipp引入vant组件库的时候，按照官网的步骤，一直报错。
uniapp写h5/小程序引入vant-weapp步骤以及报错
qq_16828495的博客
12-06 2279
1.下载vant-weapp的dist文件 2.在项目中创建一个文件叫wxcomponents，注意这个文件和page文件平级，引入dist 注意文件名一定要是wxcomponents（莫名其妙的坑）， 3.APP.VUE里引入样式 4.pages.json全局注册 5.报错引入css报错 index.wxss里的 url(前面加空格全局替换(引入的字体图标路径有问题
VantUI组件在Vue2项目当中CSS样式不显示
qq_44539570的博客
07-24 2204
关于使用vant组件在Vue2项目中无法正常显示CSS样式的解决方案
:camping:带有SSR的果断Vite入门模板-Vue.js开发
05-27
实时演示功能:high_voltage:Vue 3，Vite 2，pnpm，ESBuild-带有牢固性:card_index_dividers:基于文件的路由:package:组件自动导入:bookmark_tabs:布局系统:mobile_phone_with_arrow:PWA:artist_palette:Windi CSS-...
Next.js项目的身份验证库-Vue.js开发
05-27
Next.js项目的身份验证库NextAuth.js概述NextAuth.js是针对Next.js应用程序的完整的开源身份验证解决方案。 它是从头开始设计的，以支持Next.js和Serverless。 按照示例查看使用NextAuth.js进行身份验证有多么容易。...
CSS 文本渲染属性text-rendering的介绍和使用示例
09-25
CSS关于文本渲染的属性text-rendering告诉渲染引擎工作时如何优化显示文本，属性text-rendering正是一个SVG属性，目前尚没有任何的CSS标准对其进行定义，本文附有示例，感兴趣的朋友可以参考下
通用Vue-Vue CLI插件可轻松创建通用Vue应用程序-Vue.js开发
05-27
UVue轻松构建通用Vue应用程序文档现场演示CodeSandbox模板Discord聊天入门安装vue add @ uvue / ssr Th UVue轻松构建通用Vue应用程序文档现场演示CodeSandbox模板Discord chat入门安装vue add @ uvue / ssr此插件...
uniapp中使用vant wappp
weixin_43837268的博客
04-20 1563
下载Vant Weapp 下载有2种方法： 方法1：克隆Vant Weapp的仓库，运行下面的命令将仓库克隆到本地 git clone https://github.com/youzan/vant-weapp.git 将dist目录复制到uniapp项目的wxcomponents目录中，wxcomponents和components同级，如果没有wxcomponents，自己建一个就行， 修改dist文件夹名称为vant。 方法2：通过npm安装Vant Weapp...
uniapp 中 引入vant组件 和 vant 报错Unclosed bracket 的问题解决
weixin_44168929的博客
06-28 2825
在uniapp 中引入vant组件，遇到一个报错，所以在此记录一下完整过程。
cli 创建的uniapp项目引入vant 样式报错解决方案
qq_42294411的博客
11-03 1080
cli 创建的uniapp项目引入vant样式报错解决方案
H5引入vant报错和样式失效
Nine_91的博客
05-14 4143
1.vant引入报错（Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')） 原因：vant引入顺序在vue引入前 修改顺序后可正常使用 2.vant组件样式失效 首先检查是否引入了vant样式，确认路径 引入样式后 vant标签写在body里但没有<div>包裹样式会失效（避坑点） 如图样式失效 放到<div>里面样式恢复 ...
vue 引用网络css_vue 中css文件引入问题
weixin_39941262的博客
12-22 1480
css外部文件引入:全局引用在main.js文件中import './style/reset.css'@import '../../xxx.css'; //要写分号否则会报错//写scoped表示只在当前局部有效body{width:1000px; //这样写才是局部有效的，如果是引入的css文件就还是全局有效}首先是有关@import的问题，一般的文件中，我们知道引用外部css，有...
ValueError: cannot reshape array of size xxx into shape (xxx,xxx,xxx)解决方法
热门推荐
番茄Salad
02-19 6万+
ValueError: cannot reshape array of size xxx into shape (xxx,xxx,xxx)解决方法
cd C:\Program Files\FlightGear fgfs --fg-root=C:\Program Files\FlightGear\data --aircraft=ufo --in-air --fdm=null --telnet=5501 --telnet=5502 --telnet=5503 --disable-ai-traffic --disable-real-weather-fetch --disable-random-objects --disable-terrasync --disable-clouds --disable-sound --disable-panel --disable-hud --disable-specular-highlight --timeofday=noon --prop:/sim/rendering/multi-sample-buffers=1 --prop:/sim/rendering/multi-samples=2 --prop:/sim/rendering/draw-mask-clouds=false --prop:/sim/rendering/draw-mask-terrain=true --prop:/sim/rendering/draw-mask-objects=true --prop:/sim/rendering/draw-mask-lights=true --prop:/sim/rendering/draw-mask-internal=true --prop:/sim/rendering/draw-mask-cockpit=true --prop:/sim/rendering/draw-mask-effects=true --prop:/sim/rendering/draw-mask-overlay=true --prop:/sim/rendering/draw-mask-world=true --prop:/sim/rendering/draw-mask-panel=true --prop:/sim/rendering/draw-mask-vr=true --prop:/sim/rendering/draw-mask-2d=true --prop:/sim/rendering/draw-mask-3d=true --prop:/sim/rendering/draw-mask-sky=true --prop:/sim/rendering/draw-mask-shadows=true --prop:/sim/rendering/draw-mask-cabin=true --prop:/sim/rendering/draw-mask-weather=true --prop:/sim/rendering/draw-mask-stereo=true --prop:/sim/rendering/draw-mask-internal-cockpit=true --prop:/sim/rendering/draw-mask-internal-windows=true --prop:/sim/rendering/draw-mask-internal-instruments=true --prop:/sim/rendering/draw-mask-internal-overlay=true --prop:/sim/rendering/draw-mask-internal-effects=true --prop:/sim/rendering/draw-mask-internal-lights=true --prop:/sim/rendering/draw-mask-internal-world=true --prop:/sim/rendering/draw-mask-internal-panel=true --prop:/sim/rendering/draw-mask-internal-3d=true --prop:/sim/rendering/draw-mask-internal-sky=true --prop:/sim/rendering/draw-mask-internal-cabin=true --prop:/sim/rendering/draw-mask-internal-weather=true --prop:/sim/rendering/draw-mask-internal-stereo=true --prop:/sim/rendering/draw-mask-internal-shadow=true --prop:/sim/rendering/draw-mask-internal-stall=true --prop:/sim/rendering/draw-mask-internal-aoa=true --prop:/sim/rendering/draw-mask-internal-thermal=false --prop:/sim/rendering/draw-mask-internal-ice=false --prop:/sim/rendering/draw-mask-internal-glass=true --prop:/sim/rendering/draw-mask-internal-dead=true --prop:/sim/rendering/draw-mask-internal-reflection=true程序显示错误unknown command-line option: enable-hud-2d怎么解决
05-10
你可以尝试将启用2D HUD的选项从命令行中移除，改为在游戏内部手动启用。可以尝试修改命令行参数为： ``` cd C:\Program Files\FlightGear fgfs --fg-root=C:\Program Files\FlightGear\data --aircraft=ufo --in-...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

令人作呕的溏心蛋

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

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

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

打赏作者

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

抵扣说明：

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

余额充值