uniadmin引入iconfont报错

最新推荐文章于 2024-06-24 14:09:43 发布
最新推荐文章于 2024-06-24 14:09:43 发布
阅读量304 收藏
点赞数 3
文章标签： uni-app uniadmin
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34080064/article/details/139465890
版权

当在uniadmin中引入iconfont后，出现错误：
[plugin:vite:css] [postcss] Cannot find module ‘E:/UniAdmin/uniAdmin/static/fonts/iconfont.woff2?t=1673083050786’ from ‘E:\UniAdmin\uniAdmin\static\fonts\iconfont.css’

这是需要更改为绝对路径，
在这里插入图片描述
修改成@，但是还是不行，因为是在App.vue中进行的全局引用，这里设置成这种方式是不可以用的，需要更改成
在这里插入图片描述

烟火星云
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp项目里面引入iconfont字体图标，报错❌
研究生在读，分享学习日常。（零基础学习后端编程）
07-14 609
uniapp项目里面引入iconfont报错。我们要修改下src的引入路径。
解决uniapp引入iconfont图标报错
weixin_58149434的博客
09-12 332
将引入的iconfont.css文件以及项目全局配置文件uni.scss中的路径地址。
uniapp字体ttf在小程序报错，解决方法
最新发布
肥晨开发的学习之路
06-24 1982
在你的代码中，你已经尝试使用wx.loadFontFace来加载一个名为BoldFont的字体，字体文件位于https://www.zitixiazai.cn/static/upload/other/20220914/1663119174123134.ttf。这样做的好处是字体文件被嵌入到 CSS 文件中，减少了 HTTP 请求的数量，但缺点是 CSS 文件可能会变得非常大。通过此API，可以指定字体名称、字体文件路径，并在加载成功后应用该字体。）的 base64 编码版本时，可以在 CSS 的。
uniapp 中引入 iconfont 文件报错文件查找失败：‘./iconfont.ttf?t=1666846147194‘
jiangjunyuan168的博客
10-27 3013
iconfont.css 文件中的引用图标的默认路径错误，对该路径进行修改即可。/*每个页面公共css */
uniapp使用阿里巴巴矢量图遇到的问题，报错：Cannot find module ‘./iconfont.woff2?t=xxxxx
JPQLGZPW的博客
02-27 301
如果你的iconfont位置跟我一样直接在iconfont.woff2?t=xxx前面添加~@/static/iconfont/就行，如果不一样自行看在哪里只需要引用~@就行。找到iconfont.css,注意看放在哪里，正常都是放在static下，（vscode写法）（uniapp写法）
Vue Loading PostCSS Plugin failed: Cannot find module ‘autoprefixer‘ 问题
weixin_41003771的博客
03-01 7160
Loading PostCSS Plugin failed: Cannot find module 'autoprefixer'
vue Loading PostCSS Plugin failed: Cannot find module ‘postcss‘
PrimaryColor
11-02 3751
postcss这个插件是适配的插件，全称不是postcss，所以不能通过npm i postcss，其次postcss的版本不能太高了，安装项目中package.json的指定版本就可以了。
Bootstrap Admin Template - UniAdmin
09-03
UniAdmin是一款基于Bootstrap构建的管理后台模板，旨在为Web应用程序提供美观、功能齐全的界面。这款模板以其灵活性、易用性和高度可定制性而受到开发者的欢迎。 UniAdmin的特点： 1. **响应式布局**：UniAdmin...
UniAdmin 漂亮后台模板(国外收费)
08-22
《UniAdmin：打造优雅高效的后台管理系统界面》 UniAdmin，作为一个国外收费的后台模板，以其独特的蓝色风格和出色的用户体验设计，赢得了广大开发者的青睐。它不仅提供了丰富的功能，还注重界面的美观性和易用性，...
多平台管理系统模板uniapp-admin_uniadmin_uniapp应用模板_uniapp模板_uniapp模版_unia
09-11
"多平台管理系统模板uniapp-admin_uniadmin_uniapp应用模板_uniapp模板_uniapp模版_unia" 这个标题主要提及的是一个基于uni-app的多平台管理系统的模板。uni-app是一种低代码开发框架，允许开发者使用一种语言编写...
多平台管理系统模板uniapp-admin_uniadmin_uniapp应用模板
09-29
描述中的“多平台管理系统模板uniapp-admin_uniadmin_uniapp应用模板_uniapp模板_uniapp模版_uniapp管理系统_源码.rar.rar”表明这个模板不仅适用于uni-app，还包含了uniadmin，这是一个流行的uni-app后台管理界面的...
uniadmin:UniAdmin是一套渐进式模块化开源后台，采用前后端分离技术，数据交互采用json格式，功能低耦合高内聚；核心模块支持系统设置、权限管理、用户管理、菜单管理、API管理等功能，后期上线模块商城将打造类似composer、npm的开放式插件市场；同时我们将打造一套兼容性的API标准，从ThinkPHP5.1+Vue2开始，逐步吸引爱好者共同加入，以覆盖larval、spring-boot、django、yii、koa、react等多语言框架
04-29
UniAdmin(vue-admin-powerfulPHP版) 简介 UniAdmin是一套渐进式模块化开源后台，采用前后端分离技术，数据交互采用json格式，功能低耦合高内聚；核心模块支持系统设置、权限管理、用户管理、菜单管理、API管理等功能...
安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
qq_39111074的博客
03-13 1万+
安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
Error: Loading PostCSS Plugin failed: Cannot find module ‘postcss-import‘
热门推荐
qq_41735632的博客
03-01 2万+
Vue cli-3 使用css转换postcss插件报错 Error: Loading PostCSS Plugin failed: Cannot find module ‘postcss-import’ 寻找错误解决问题 1.安装npm install postcss-px-to-viewport --save-dev 2.添加配置文件postcss-config.js 运行报错 报错提示：没有找到 postcss-import模块 猜想：①使用postcss插件需要额外npm install pos
visio studio code安装之后的两个错误的解决办法
qq_37898024的博客
03-23 3621
安装visio studio Code出现的两个错误 1.^Error: Cannot find module 'c:/Users/Administrator/Desktop/����Ŀ¼/Microsoft VS Code/resources/app/extensions/ms-vscode.js-debug/src/bootloader.bundle.js’Requir 出现乱码的情况是因为路径名称中含有中文，应该是node的安装目录下有中文，这个时候找到node的安装目录，全部都改为英文名称。此时再次
报错：Cannot find module ‘autoprefixer‘
qq_33911541的博客
11-13 8291
报错：Error: Loading PostCSS Plugin failed: Cannot find module 'autoprefixer'
Error Cannot find module ‘CUsersAppDataRoamingnpmnode_modules..错误，解决方法
m0_67266171的博客
02-25 3861
npm和node命令 有效，但vue 命令无效的时候。 出现这个错误的原因暂不明确，可能是由于重复安装或者勿删或者其他什么原因导致，vue的一系列命令失败。 解决方法，删除node_model下的所有文件，，和node_cache下的所有文件。重新配置vue和vue-cli。 如果只删除了node_model下的文件，是不可以的。执行vue命令时，貌似是先从node_cache中找到相应的文件，然后去匹配node_model下的文件。所以两个都要删除干净。 如果还不能解决问题，请重新安装node.js。具体
【Vue】学习vue中遇到的问题
qq_42454367的博客
01-24 3704
学习vue中遇到的问题 1、安装vue并运行vue命令提示“‘vite’ 不是内部或外部命令,也不是可运行的程序” （1）在安装node.js的目录没有权限导致，右击安装目录的nodejs文件夹，点击“安全”，再点击高级，将所有用户设置为完全控制或当前用户完全控制。 ...
在uni-app 项目中引入字体图标
weixin_43628078的博客
04-11 234
在uni-app 项目中引入字体图标 将下载的字体图标中的iconfont.css文件，放到uni-app项目中的文件夹中，发生如下报错： 解决方案 打开iconfont.css文件，需要将其红色框起来的内容删除 删除之后效果如下，然后即可正常显示字体图标 ...
uniapp-admin
07-27
uniapp-admin是一个基于uni-app框架开发的管理后台模板。它提供了一套完整的开发指南，包括主题定制、国际化、字体图标引入、接口管理、接口请求配置、App升级方案等功能。此外，uniapp-admin还支持消息推送、在线文档预览、跨域等多种解决方案。最新版本是2.0.0，带来了更加完善的功能和美观的页面设计。\[3\]如果需要导入项目并绑定自己的空间，可以参考uni-admin基础框架的操作步骤，具体可以查看相关文章。\[1\]如果需要更改顶部左侧菜单栏样式结构，可以在根目录下的window文件夹进行操作。\[1\]如果需要更改logo，可以在admin.config.js文件夹下进行修改。\[1\]另外，uniapp-admin还提供了整包升级更新方案，可以通过检测app版本号和平台信息来进行更新提示，并支持下载更新或打开更新链接。\[2\] #### 引用[.reference_title] - *1* [uniCloud uniadmin你了解多少？](https://blog.csdn.net/qq_50946674/article/details/124867268)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [基于uni-app多平台管理系统模板uniapp-admin](https://blog.csdn.net/liupan6889/article/details/102762617)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值