Inspector problem occurs when class is inherited

Cocos Creator
#1

Cocos Creator 3.8.2

import { _decorator, Component, Node } from ‘cc’;
import { Enum } from ‘cc’;
import { CCFloat } from ‘cc’;
import { JsonAsset } from ‘cc’;
const { ccclass, property } = _decorator;

export class RootA extends Component {
@property({ type: Node, visible: true })
private RootA: Node = null;

}

export class RootB extends RootA {

@property({ type: Node,  visible: true })
private RootB: Node = null;

}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

import { _decorator, Component, Node } from ‘cc’;
import { RootB } from ‘./Base’;
const { ccclass, property } = _decorator;

@ccclass(‘RoomView’)
export class RoomView extends RootB {

@property({ type: Node,  visible: true })
private RoomView: Node = null;

}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
import { _decorator, Component, Node } from ‘cc’;
import { Enum } from ‘cc’;
import { CCFloat } from ‘cc’;
import { JsonAsset } from ‘cc’;
import { RootA } from ‘./Base’;
const { ccclass, property } = _decorator;

@ccclass(‘AreaView’)
export class AreaView extends RootA { //

@property({ type: Node, visible: true })
private AreaView: Node = null;

}

//////////////////////////////////////////////////////////////////////

Problem with variables that are not inherited being exposed in the IDE Inspector

#2

You write two components in one script? It’s not allow. And A comonent must have a decorator like @ccclass(‘XXXX’)