VueJS 3：如何將 JS 腳本注入到 index.html 中，“Type”為“text/javascript”

Question

我目前在 aws ec2 的 http2 服務中構建和部署我的 VueJS webapp（通過 vue3 cli 創建）。

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

大多數時候，部署到 aws ec2 很好，網頁在 public inte.net 中加載也很好。

有時，我有以下錯誤

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">代碼

我在想，如果我能找到一種方法來添加“文本/javascript”，那么頁面就會加載得很好。

有沒有人遇到過這個錯誤？ 如何解決這個問題呢？

Answer 1

對於最終陷入這種情況的其他人

我沒有再看到這個問題了。 我唯一改變的是構建和部署階段在我的網站開發中的方式。

之前

1. 代碼更改
2. npm run serve - 驗證本地一切正常
3. npm run build和git commit. - 此步驟是在dist中生成那些構建文件（壓縮的 js，css..）
4. 在git push之后，我在 AWS 管道中的設置負責將dist目錄中的文件更新到我所有的 EC2 主機服務網站。

** 新流程 **

1. 代碼更改
2. npm run serve - 驗證本地一切正常
3. git commit. - 沒有構建階段
4. git push
5. 現在我已經更新了我的 AWS 管道以具有 3 步過程（編碼、 build和部署到 EC2 主機）