Question

我在使用vue-cli和webpack-simple模板时遇到了问题。导入视频时：

<video src="./assets/twp-logo-video.mp4" id="initial-logo" type="video/mp4"><!-- 700 x 700 --> </video>

我收到错误：

Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)

请进一步告知我如何在模板中使用该视频。我无法找到视频的特定加载器，我不确定如何继续和寻找什么。

这是我的webpack配置：https://jsfiddle.net/rva51akn/3/

我的app.vue和index.html文件：https://jsfiddle.net/2yfzus09/

Answer 1

您的file-loader配置文件中似乎有拼写错误：

更正配置

 {
    test: /\.(png|jpg|gif|svg|mp4)$/, // note `mp4)` here, instead of `mp4})`
    loader: 'file-loader',
    options: {
      name: '[name].[ext]?[hash]'
    }
  }

您的（不正确的）配置：

 {
    test: /\.(png|jpg|gif|svg|mp4})$/,
    loader: 'file-loader',
    options: {
      name: '[name].[ext]?[hash]'
    }
  }

VueJS，Webpack和视频

1 个答案: