cocos creator error: Found possible circular reference in xx , happened when use "MessageType" imported from "@protobuf-ts/runtime" Error

[oeo54lbr]

[oj-learn]

same

[oj-learn]

help help help!!

[jcready]

Provide more information and a way to reproduce the error and you may have more luck getting help.

[oj-learn]

Thank you for your reply. I'm sorry, I'm just starting to learn TypeScript.

This is an empty 3D Cocos Creator project, created solely for protobuf-ts testing.

Upon opening the project, a file named scripts/Demo_pb.ts was created under the assets directory.
An error message appeared: "Cannot find module '@protobuf-ts/runtime' starting from 'testprotobuf/assets/scripts/Demo_pb.ts'."
To resolve this, I executed the command npm install @protobuf-ts/runtime --save.
Here's the updated package.json:

{
  "name": "testprotobuf",
  "uuid": "91a07ba5-fe2b-410f-9f2a-e67627a1f291",
  "creator": {
    "version": "3.8.6"
  },
  "dependencies": {
    "@protobuf-ts/runtime": "^2.11.0"
  }
}

However, an error still occurred: [Scene] ReferenceError: MessageType is not defined.

This error happened when trying to use "MessageType" imported from "@protobuf-ts/runtime". The specific error is:

error: [Scene] ReferenceError: MessageType is not defined
error: happened when use "MessageType" imported from "@protobuf-ts/runtime" Error:
error: TypeError: Class extends value undefined is not a constructor or null

Here's the content of Demo_pb.ts:

// @generated by protobuf-ts 2.10.0 with parameter add_pb_suffix,use_proto_field_name,force_client_none,force_server_none,force_disable_services
// @generated from protobuf file "Demo.proto" (syntax proto3)
// tslint:disable
import { MessageType } from "@protobuf-ts/runtime";
/**
 * A very simple protobuf message.
 *
 * @generated from protobuf message Person
 */
export interface Person {
    /**
     * @generated from protobuf field: string name = 1;
     */
    name: string;
    /**
     * @generated from protobuf field: uint64 id = 2;
     */
    id: bigint;
    /**
     * @generated from protobuf field: int32 years = 3 [json_name = "baz"];
     */
    years: number;
    /**
     * maybe a jpeg?
     *
     * @generated from protobuf field: optional bytes data = 5;
     */
    data?: Uint8Array;
}
// @generated message type with reflection information, may provide speed optimized methods
class Person$Type extends MessageType<Person> {
    constructor() {
        super("Person", [
            { no: 1, name: "name", kind: "scalar", T: 9 /*ScalarType.STRING*/ },
            { no: 2, name: "id", kind: "scalar", T: 4 /*ScalarType.UINT64*/, L: 0 /*LongType.BIGINT*/ },
            { no: 3, name: "years", kind: "scalar", jsonName: "baz", T: 5 /*ScalarType.INT32*/ },
            { no: 5, name: "data", kind: "scalar", opt: true, T: 12 /*ScalarType.BYTES*/ }
        ]);
    }
}
/**
 * @generated MessageType for protobuf message Person
 */
export const Person = new Person$Type();

It seems there might be an issue with how the @protobuf-ts/runtime package is being imported or used, leading to the MessageType being undefined when trying to extend it in the Person$Type class.