Vue version 5.0.1. After downloading, run NPM run serve to report an error

Version

5.0.1

Environment info

node-v14.19.0-x64
vue cli 5.0.1
vue 2.6.14

Steps to reproduce

Follow the normal installation steps, and then report an error when running NPM run serve: Conflict: Multiple assets emit different content to the same filename index. html ERROR in Conflict: Multiple assets emit different content to the same filename index. html webpack compiled with 1 error

What is expected?

How to solve it?

What is actually happening?

Conflict: Multiple assets emit different content to the same filename index.html ERROR in Conflict: Multiple assets emit different content to the same filename index.html webpack compiled with 1 error

[GustinLau]

May be your project path has a special symbol like ‘(’ or ‘)’. I’m not sure if it’s a bug of copy-webpack-plugin or fast-glob, because cli will add the absolute path of the index.html in the public folder to the ignore list, if the path has a special symbol, copy-webpack-plugin will not match the path and will not ignore it. Therefore index.html will emit twice. You can rename your project path or add follow code in chainWebpack function to solve it.

config.plugin('copy').tap(args => {
    const UNESCAPED_GLOB_SYMBOLS_RE = /(\\?)([()*?[\]{|}]|^!|[!+@](?=\())/g;
    const publicDir = path.resolve(process.VUE_CLI_SERVICE.context, 'public').replace(/\\/g, '/');
    const escapePublicDir= publicDir.replace(UNESCAPED_GLOB_SYMBOLS_RE, '\\$2');
    args[0].patterns[0].globOptions.ignore = args[0].patterns[0].globOptions.ignore.map(i => i.replace(publicDir, escapePublicDir));
    return args;
});

[squivix]

May be your project path has a special symbol like ‘(’ or ‘)’

tested with and without parenthesis in path. You are correct. This is seems to be the problem.