[Vue warn]: Invalid prop: type check failed for prop “src“. Expected String, Object, got Module

我不是女神ヾ 2022-10-29 09:06 17阅读 0赞

### 环境 ###

Laravel8 + Vue2.x + Vuetify2.x

### 报错 ###

<template>
      <v-list-item class="mb-0 justify-space-between pl-3">
        <v-list-item-avatar>
          <v-img
            :src="require('../../../assets/vmd.svg')"
          />
        </v-list-item-avatar>
    
        <v-list-item-content class="pl-3">
          <v-list-item-title class="text-h6">
            <strong class="mr-1 font-weight-black">{
       {app.title}}</strong>
    
            <span class="primary--text">FREE</span>
          </v-list-item-title>
        </v-list-item-content>
      </v-list-item>
    </template>

报错：\[Vue warn\]: Invalid prop: type check failed for prop “src”. Expected String, Object, got Module，  
![在这里插入图片描述][20210210175500383.png]

### 调试 ###

console.log(require('../../../assets/vmd.svg'));

![在这里插入图片描述][20210210175423273.png]

### 解决办法 ###

改为 require(’…/…/…/assets/vmd.svg’)**.default** 即可：

<template>
      <v-list-item class="mb-0 justify-space-between pl-3">
        <v-list-item-avatar>
          <v-img
            :src="require('../../../assets/vmd.svg').default"
          />
        </v-list-item-avatar>
    
        <v-list-item-content class="pl-3">
          <v-list-item-title class="text-h6">
            <strong class="mr-1 font-weight-black">{ { app.title}}</strong>
    
            <span class="primary--text">FREE</span>
          </v-list-item-title>
        </v-list-item-content>
      </v-list-item>
    </template>

### 总结 ###

应该是 **laravel-mix** 的问题，应该还有其它解决办法，尚未知。

[20210210175500383.png]: /images/20221024/107cf5544490480ea4171834bbd292df.png
[20210210175423273.png]: /images/20221024/8beb7e189951483e86c1cf0af9427537.png

[Vue warn]: Invalid prop: type check failed for prop “src“. Expected String, Object, got Module

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Invalid prop: type check failed for prop "round". Expected Boolean, got String with value "true".

相关 Vue报错：Invalid prop: type check failed for prop “roleList“. Expected Object, got Array 解决方法

相关 [Vue warn]: Invalid prop: type check failed for prop “clearable“. Expected Boolean, got String with

相关 vue报错：[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number, got String....

相关 [Vue warn]: Invalid prop: type check failed for prop “src“. Expected String, Object, got Module

相关 Invalid prop: type check failed for prop "radius". Expected Number, got String.

相关日常报错、[Vue warn]: Invalid prop: type check failed for prop "multiple". Expected Boolean, got String.

相关心碎的异常（三）——[Vue warn]: Invalid prop: type check failed for prop “index“. Expected String, got Number.

相关 vue常见错误：Invalid prop: type check failed for prop "data". Expected Array, got Object

相关 [Vue warn]: Invalid prop: type check failed for prop "action". Expected String with value "undefined