Angular 2+类相关报错：Property 'open'不存在于Issue类型

Hey there! Let's break down why you're seeing that "Property 'open' does not exist on type 'Issue'" error—super common gotchas with TypeScript classes, so let's walk through the most likely causes one by one:

1. Issue类中未定义open属性（或定义方式错误） #

This is the most straightforward culprit. If your Issue class doesn't explicitly declare the open property, or if the declaration is misconfigured, TypeScript will throw this error. For example:

// ❌ 错误示例：缺少open属性定义
class Issue {
  id: number;
  title: string;
  // No 'open' property declared here
}

const myIssue = new Issue();
console.log(myIssue.open); // 这里触发报错

To fix this, make sure you explicitly define the open property in the class, like so:

// ✅ 正确示例：声明open属性
class Issue {
  id: number;
  title: string;
  open: boolean; // Explicitly define the 'open' property

  constructor(id: number, title: string, open: boolean) {
    this.id = id;
    this.title = title;
    this.open = open;
  }
}

2. 实例化时未正确初始化open属性 #

Even if you've declared open in the class, if you don't initialize it during instantiation (and haven't set a default value), TypeScript might not recognize it as a valid property. Example:

class Issue {
  id: number;
  title: string;
  open: boolean;

  constructor(id: number, title: string) {
    this.id = id;
    this.title = title;
    // ❌ 没有初始化this.open
  }
}

const myIssue = new Issue(1, "Bug fix");
console.log(myIssue.open); // 报错，因为open未被初始化

Fix this either by initializing the property in the constructor, or setting a default value directly on the property:

// ✅ 方式1：构造函数初始化（带默认值）
constructor(id: number, title: string, open: boolean = true) {
  this.id = id;
  this.title = title;
  this.open = open;
}

// ✅ 方式2：给属性设置默认值
open: boolean = true;

3. 类型推断冲突（用对象字面量代替类实例） #

Sometimes you might accidentally use a plain object literal to mimic an Issue instance, but TypeScript won't automatically treat it as an Issue type unless you explicitly annotate it. Example:

class Issue {
  id: number;
  title: string;
  open: boolean;
}

// ❌ 错误：这只是普通对象，不是Issue类的实例
const myIssue = { id: 1, title: "Test", open: true };
// 如果后续把这个对象当作Issue类型传递，就会触发报错

The correct approach is to either create an instance with the new keyword, or explicitly annotate the object's type:

// ✅ 方式1：使用类构造函数创建实例
const myIssue = new Issue();
myIssue.id = 1;
myIssue.title = "Test";
myIssue.open = true;

// ✅ 方式2：显式标注对象类型
const myIssue: Issue = { id: 1, title: "Test", open: true };

4. 导出/导入时的类型丢失 #

If your Issue class is exported from another file, a mistake in the import/export syntax can cause TypeScript to lose track of the class type. For example:

// issue.ts
export class Issue {
  id: number;
  title: string;
  open: boolean;
}

// ❌ 错误示例：导入方式不匹配
import Issue from "./issue"; // 如果用了named export却用default import，就会出问题

Double-check that your import matches the export style: use import { Issue } from './path' for named exports, and import Issue from './path' for default exports.

5. open属性被private/protected修饰 #

If the open property is marked as private or protected, you won't be able to access it outside the class (or its subclasses for protected):

class Issue {
  id: number;
  title: string;
  private open: boolean; // ❌ private修饰，外部无法访问
}

const myIssue = new Issue();
console.log(myIssue.open); // 报错：Property 'open' is private and only accessible within class 'Issue'.

If you need to access open from outside the class, remove the private/protected modifier (since public is the default, you don't need to write it explicitly).

内容的提问来源于stack exchange，提问作者legendarny ziom