部署vue返回未扩展的令牌<生成后

Question

我一直没有问题部署我的vue项目到目前为止，并上传到我的网站。然而，在我运行完之后，我突然收到了下面的错误消息

npm run build 

上传我的远程文件夹中的文件。

Uncaught :意外令牌“<”块-供应商

Uncaught :意外令牌'<‘app.f775d578.js:1

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

我做了一个新的项目，只是为了测试使用纱线，但有同样的错误。

创建my-application

• yarn

1. vue安装
2. 纱线服务
3. 成纱

将远程文件夹中的内容上载到我的网站-相同的错误消息

还有其他人经历过吗？

我的旧建筑没有任何问题。

使用@vue/cli 4.5.6

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

Answer 1

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

在dist/index.html上，你会看到这样的东西

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

这意味着它是一个绝对路径(web的根)，当它应该是相对于dist文件夹时，如下所示：

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

要轻松地解决这个问题，请将publicPath key添加到vue.config.js文件中：

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

然后重建这个项目。