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

代码如下：

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

结果：

试错：

一开始我以为是不能直接在data中require，修改成在created中引入，但是还是编译不了

解决

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

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

1
2
3
4
5
6
7

ok 解决！