在 visual studio code 使用 ES7 (ECMA Sciprt7) 的 decorator 時,可能會遇到 experimental support for decorators is a feature that is subject to change in a future release的語法錯誤提示

至於 decorator 是什麼在這篇就不多加介紹(可參考這篇),不過寫過 python 的人應該會有使用過。(目前 ES7 的 decorator 只支援 class)

這是因為預設 vscode 並不支援 decorator 的語法檢查,需要手動打開支援 decorator 的語法功能。

  1. 在 project 目錄創建 tsconfig.json
  2. 新增以下內容
    {
    "compilerOptions": {
    "experimentalDecorators": true,
    "allowJs": true
    }
    }
    
  3. 重新開啟 vscode,就不會出現語法錯誤提示了!

 

參考資料:

https://ihatetomatoes.net/how-to-remove-experimentaldecorators-warning-in-vscode/

 

Leave a Reply