当前位置: 首页 > news >正文

搬砖日记:vue2 用require引入图片项目编译失败

代码如下:

data中定义: minLogo: require(process.env.VUE_APP_BASE_MAX_LOGO) 
使用: <img :src="minLogo" />

结果:

在这里插入图片描述

试错:

一开始我以为是不能直接在data中require,修改成在created中引入,但是还是编译不了
在这里插入图片描述

解决

其实这个方法在另外的地方我已经使用过了,检查了一下发现我的这个参数它是存在为空的情况的,因此!!解决方案就是保证不为空或者是在为空时停止引入

 <img :src="minLogo" />	data() {return {minLogo: process.env.VUE_APP_BASE_MIN_LOGO ? require(process.env.VUE_APP_BASE_MIN_LOGO) : '',}},

ok 解决!

http://www.lryc.cn/news/188819.html

相关文章:

  • 国内外都可以使用的【免费AI工具】,实用性满满
  • 银河麒麟服务器x86安装ntp客户端,并配置成功可以同步时间
  • vue踩的坑:属性报undefined错误问题汇总
  • Ubuntu22.04.3安装教程
  • Vue2和Vue3的emit、props、watch等知识点对比
  • HTML 笔记:初识 HTML(HTML文本标签、文本列表、嵌入图片、背景色、网页链接)
  • 使用弹性盒子flex对html进行布局和动态计算视口高度
  • 华为云云耀云服务器L实例评测|华为云耀云服务器L实例评测用例(五)
  • uniapp-vue3微信小程序实现全局分享
  • Qt如何实现动态背景-视频背景
  • vue按键全屏和F11全屏共存
  • springboot就业信息管理系统springboot32
  • 深入探讨芯片制程设备:从原理到实践
  • Vuex的简介以及入门案例
  • 上海亚商投顾:沪指探底回升 华为汽车概念股集体大涨
  • Android网络监听
  • Kubernetes 常用命令 持续更新
  • 达梦数据库常用命令行
  • 【通信系列 6 -- AT 命令介绍】
  • flask捕获@app.errorhandler/@app.after_request全局异常总结
  • 智能晾衣架丨以科技解放双手
  • asp.net饭店订餐管理系统VS开发sqlserver数据库web结构c#编程Microsoft Visual Studio计算机设计定制
  • Pushgateway的场景使用
  • 时间范围配置(昨天,今天,本周,本月,本季度,本年)
  • PlantUML 绘图
  • spring boot自定义配置时在yml文件输入有提示
  • Linux:I/O 5种模型
  • 企业提升效率的秘密武器,推荐J2L3x聊天软件!
  • Android Termux安装MySQL,并使用cpolar实现公网安全远程连接[内网穿透]
  • 如何有效管理公司分配给员工的个人微信,实现聚合聊天管理?