vue.js - v-img: require('../img/book.png') 是一个模块，无法加载

Question

我在证监会中有以下一行：

<v-img :src="require('../img/book.png')"></v-img>

我收到一个错误：

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

在 webpack.config.js 中：

{
    test: /\.(png|jpe?g|gif)$/i,
    use: [
      {
        loader: 'file-loader',
      },
    ],
},
{
  test: /\.vue$/,
  loader: 'vue-loader',
  options: {
    transformAssetUrls: {
      'v-img': 'src',
    }
  }
},

我没有使用 Vue CLI。我自己管理 Webpack 配置。

标签： vue.jswebpackvuetify.js

Answer 1

更改:src="require('../img/book.png')"为src="../img/book.png"并将以下内容添加到 webpack.config.js：

const CopyPlugin = require('copy-webpack-plugin');
plugins: [
  new CopyPlugin({
      patterns: [
        { from: 'src/img', to: 'img' },
      ],
  }),
]