使用VUE3+Element-Plus做来制作前端界面,做到左侧菜单栏时遇到了一个困难,添加的SVG图标始终不显示,位置存在,图标的信息也没有问题,但是就是一直显示不出来。
后经多方搜索,经vue前端项目引入iconfont阿里图标的四种方式_飞歌Fly的博客-CSDN博客的提示在Main.js中导入了inonfont.js文件后正常显示import './assets/fonts/iconfont/iconfont.js'。
其实在调试时浏览器中也报了
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
的错误,但是不理解,不知从何下手。原来都是做上位机程序的第一次接触前端这种,感觉着实有些吃力,还有继续努力呀。
配置:文章来源:https://www.toymoban.com/news/detail-824974.html
文章来源地址https://www.toymoban.com/news/detail-824974.html
到了这里,关于初学前端-记使用阿里图库SVG图标不显示的解决方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!