VueJS 3：如何将 JS 脚本注入 index.html with "Type" as "text/javascript"
VueJS 3: How to inject JS script into index.html with "Type" as "text/javascript"
我目前在 aws ec2 的 http2 服务中构建和部署我的 VueJS webapp（通过 vue3 cli 创建）。
在部署之前，我 运行 npm run build 即 package.json 作为 "build": vue-cli-service build
大多数时候，部署到 aws ec2 很好，网页在 public 互联网上加载正常。
有时，我会出现以下错误
Warning: The script from "https:/websitedomain.com/js/chunk-vendors.sdadd234.js" was loaded even though its MIME type ("text/html") is not a valid Javascript MIME type.
Error: Uncaught SyntaxError: expected expression, got '<'
结果
网页是没有数据的空白页面。
一些调查
发现 Vue 将 js 和 css 文件注入我的 public/index.html”，当我在空白页面上看到“查看页面源代码”时，它的代码类似于 <script src="/js/chunk-vendors.sdadd234.js">
我在想，如果我能找到一种方法来添加“text/javascript”，那么页面就可以正常加载了。
有没有人遇到过这个错误？如何解决这个问题？
对于其他遇到这种情况的人
我没有再看到这个问题。我唯一改变的是我网站开发中构建和部署阶段的方式。
以前
- 代码更改
npm run serve - 验证本地一切正常npm run build 和 git commit . - 此步骤是在 distgit push 之后，我在 AWS 管道中的设置负责将 dist 目录中的文件更新到我的所有 EC2 主机服务网站。
** 新进程 **
- 代码更改
npm run serve - 验证本地一切正常git commit . - 无构建阶段git push- 现在我已经更新了我的 AWS 管道，使其具有 3 步过程（代码，
build 并部署到 EC2 主机）
我目前在 aws ec2 的 http2 服务中构建和部署我的 VueJS webapp（通过 vue3 cli 创建）。
在部署之前，我 运行 npm run build 即 package.json 作为 "build": vue-cli-service build
大多数时候，部署到 aws ec2 很好，网页在 public 互联网上加载正常。
有时，我会出现以下错误
Warning: The script from "https:/websitedomain.com/js/chunk-vendors.sdadd234.js" was loaded even though its MIME type ("text/html") is not a valid Javascript MIME type. Error: Uncaught SyntaxError: expected expression, got '<'
结果
网页是没有数据的空白页面。
一些调查
发现 Vue 将 js 和 css 文件注入我的 public/index.html”，当我在空白页面上看到“查看页面源代码”时，它的代码类似于 <script src="/js/chunk-vendors.sdadd234.js">
我在想，如果我能找到一种方法来添加“text/javascript”，那么页面就可以正常加载了。
有没有人遇到过这个错误？如何解决这个问题？
对于其他遇到这种情况的人
我没有再看到这个问题。我唯一改变的是我网站开发中构建和部署阶段的方式。
以前
- 代码更改
npm run serve- 验证本地一切正常npm run build和git commit .- 此步骤是在dist 中生成那些构建文件（压缩的 js，css..）
git push之后，我在 AWS 管道中的设置负责将dist目录中的文件更新到我的所有 EC2 主机服务网站。
** 新进程 **
- 代码更改
npm run serve- 验证本地一切正常git commit .- 无构建阶段git push- 现在我已经更新了我的 AWS 管道，使其具有 3 步过程（代码，
build并部署到 EC2 主机）