vue 打包 Unexpected token "<"报错

出现这个问题的原因是打包后的文件在服务器上运行时，服务器不能正确解析 HTML 标签导致的。一般情况下，这个问题是因为没有正确配置服务器，或者服务器没有正确地处理请求导致的。可以尝试以下几种解决方案：

1. 确认服务器是否支持 HTML5：如果服务器不支持 HTML5，可能会导致解析错误。可以尝试升级服务器或者使用其他支持 HTML5 的服务器。

2. 配置服务器：如果您使用的是 Node.js 服务器，可以配置 Express 或 Koa 等框架来处理请求。在 Express 中，可以使用 `app.use(express.static('public'))` 来指定静态资源目录。在 Koa 中，可以使用 `app.use(koaStatic('public'))` 来指定静态资源目录。

3. 确认打包配置：在打包时，需要配置正确的输出目录和 publicPath。publicPath 应该与服务器的静态资源目录一致。例如，如果服务器的静态资源目录为 `public`，则 publicPath 应该配置为 `/public/`。

4. 确认 HTML 模板配置：如果您使用了 HTML 模板来生成 HTML 文件，需要确认模板中的根元素是否正确。例如，在 Vue CLI 3 中，可以在 vue.config.js 中配置 HTML 模板：

module.exports = {
  chainWebpack: config => {
    config.plugin('html')
      .tap(args => {
        args[0].template = 'path/to/template.html'
        return args
      })
  }
}

以上是一些可能的解决方案，希望能够帮到您。