無法使用Visual Studio Code向Javascript中的現有對象添加屬性

Question

我正在新的Visual Studio代碼中嘗試一些簡單的Javascript。 使用以下js代碼：

var obj = { abc: "test" };
obj.foo = "bar";

我收到此錯誤：

Property 'foo' does not exist on type '{ abc: string; }'.

但是，它是一個js文件而不是ts。 該代碼在Javascript中無效嗎？

Answer 1

這實際上是設計使然。 它可能被視為有效的JavaScript，但不是有效的TypeScript語法。

請參閱如何在TypeScript中為對象動態分配屬性？ ， http://typescript.codeplex.com/workitem/1657和http://typescript.codeplex.com/discussions/397908 。

好消息是，JavaScript未編譯，因此該文件仍將在您的客戶端上正常工作，因為tsc.exe永遠不會真正針對.js文件運行。

Answer 2

有一個規則可以配置如何處理這些情況。 在JavaScript中，默認值應該被ignore ，但是您可以使用以下命令將其配置為警告或錯誤：

{
    "javascript.validate.lint.unknownProperty": "ignore"
}