解決 Vue 專案上開發出現 Virtual script not found 的錯誤

發表於 2023-04-19 分類於 Vue

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

這篇筆記文章如果對你有幫助，
你可以也可以請我「喝一杯咖啡(Donate)」。

最近改用新版的 Volar 之後打開一個新專案卻出現「Virtual script not found, may missing script lang="ts" / "allowJs": true / jsconfig.json.volar」的錯誤，所以這一篇記錄一下問題跟解決方式。

前言

最近改用新版的 Volar 之後打開一個新專案卻出現「Virtual script not found, may missing script lang="ts" / "allowJs": true / jsconfig.json.volar」的錯誤，所以這一篇記錄一下問題跟解決方式。

首先當我建立一個新的 .vue 之後，就不知道為什麼出現了以下錯誤訊息

1	Virtual script not found, may missing <script lang="ts"> / "allowJs": true / jsconfig.json.volar

volar

雖然只要改成 <script lang="ts"> 就可以解決了，但我又不是要寫 TypeScript，所以這篇就記錄一下解決方式。

解決方式有兩種，運行 Volar Reload Project 就可以了，方式很簡單，叫出 VSCode 指令列後輸入 Volar: Reload Project，就可以解決了。

Volar: Reload Project

但是你會發現每一次重新建立一次專案就會在一次出現 Virtual script not found, may missing script lang="ts" 的錯誤，所以比較正確的方式是在專案底下建立一個 jsconfig.json 檔案，然後內容如下：

{
  "compilerOptions": {
    "allowJs": true
  }
}

這樣子就可以解決這個問題囉。