VueJS 3:如何用"Type“作为"text/javascript”将JS脚本注入到index.html中

Question

目前，我在aws的VueJS服务中构建并部署了我的VueJS aws应用程序(通过vue3 cli创建)。

在部署之前，我运行npm run build，即package.json作为"build": vue-cli-service build

在大多数情况下，对aws ec2的部署是很好的，并且网页在公共互联网上加载得很好。

有时，我有以下错误

"https:/websitedomain.com/js/chunk-vendors.sdadd234.js“的

警告:尽管它的MIME类型("text/html")不是有效的Javascript类型，但它还是加载了脚本。错误:未登录的SyntaxError:预期表达式，得到“<”

结果

该网页为空白白页，没有数据。

一些调查

发现Vue将js和css文件注入我的public/index.html“，当我在空白页上看到”查看页面源“时，它有类似于<script src="/js/chunk-vendors.sdadd234.js">的代码

我在想，如果我能找到一种添加"text/javascript“的方法，那么页面就会加载得很好。

以前有人遇到过这个错误吗？如何解决这个问题？

Answer 1

对于其他以这种情况结束的人来说

我再也没有看到这个问题了。我唯一改变的是如何在我的网站开发的构建和部署阶段。

以前的

changes

• npm run serve -为了验证在local

• npm run build和git commit .中一切看起来都很好--这个步骤是生成那些构建文件(压缩的js，css.)在dist

• After git push中，我在AWS管道中的设置负责将dist目录中的文件更新到我的EC2主机服务网站。

**新程序**

changes

• npm run serve -为了验证local

• git commit .中的一切看起来都很好，没有构建phase

• git push

• Now，我已经更新了AWS管道，有三个步骤的过程(代码、build和部署到EC2主机)