作成日: 2022.11.11

Module parse failed: Unexpected character '' (1:0)

Vue + Laravel の環境で video タグ で mp4 動画を再生しようとしたら、npm run prod 時に

Module parse failed: Unexpected character '' (1:0)

が発生してそもそもコンパイルできないという自体に。困った。

webpack.mix.js に以下を追記

webpack.mix.js に

mix.extend("addWebpackLoaders", (webpackConfig, loaderRules) => {
    loaderRules.forEach((loaderRule) => {
        webpackConfig.module.rules.push(loaderRule);
    });
});

mix.addWebpackLoaders([
    {
        test: /\.(mp4)$/,
        use: [
            { 
                loader: 'file-loader',
            }
        ]
    }
]);

を追記ししてあげればOK！

複数ある場合は？

他の拡張子もエラーになった場合は、

mix.addWebpackLoaders([
    {
        test: /\.(mp4|mp3)$/,
        use: [
            { 
                loader: 'file-loader',
            }
        ]
    }
]);

みたいに | で追加する！

以上！

---

---

---

---