部署vue会在构建后返回未使用的令牌<

问题描述

到目前为止，我在部署vue项目并将其上传到我的网站时都没有问题。但是突然我跑完后我得到了以下错误消息

npm run build 

并在我的distfolder中上传文件。

未捕获的SyntaxError：意外的令牌' 未捕获到的SyntaxError：意外令牌 '

我能注意到的唯一区别是，vue现在似乎建议使用纱线。

我创建了一个新项目，仅用于使用纱线进行测试，但存在相同的错误。

1. 可以创建我的应用程序
2. 纱线安装
3. 发球服务
4. 建立纱线

将distfolder中的内容上传到我的网站-相同的错误消息

还有其他人经历过吗？

我的旧版本可以正常工作

我使用@ vue / cli 4.5.6

我现在开始工作了。删除了我的ftp上的文件夹并创建了一个新文件夹。不知道这解决了它，但它做到了：）

解决方法

如果您不将dist部署到Web的根目录，则可能的原因之一是静态资产路径不正确。确保从npm run build生成的css和js都从Web服务器导入到正确的路径

在dist/index.html上，您会看到类似的内容

<link href=/js/chunk-....js rel=prefetch>

这意味着它应该是dist文件夹中的相对路径时的绝对路径（网络的根目录）：

<link href=js/chunk-....js rel=prefetch>

要轻松解决此问题，请在您的publicPath key文件中添加vue.config.js：

module.exports = {
  ...
  publicPath: ""
};

然后重建项目。