web-dev-qa-db-ja.com

TypeError：クラスは値undefinedを拡張しますが、関数またはnullではありません

これらのエンティティを作成しようとすると、次のエラーが表示されます。

TypeError: Class extends value undefined is not a function or null

私はこれが循環依存関係と関係があると仮定していますが、テーブル継承と1対多の関係を使用する場合、それはどのように回避されるべきですか？

BaseComic_1.BaseComicで次のjavascriptについて文句を言っています。

let Variant = class Variant extends BaseComic_1.BaseComic {

完全なファイルは次のとおりです。

"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
Object.defineProperty(exports, "__esModule", { value: true });
const typeorm_1 = require("typeorm");
const Comic_1 = require("./Comic");
const BaseComic_1 = require("./BaseComic");
let Variant = class Variant extends BaseComic_1.BaseComic {
};
__decorate([
    typeorm_1.ManyToOne(type => Comic_1.Comic, comic => comic.variants),
    __metadata("design:type", Comic_1.Comic)
], Variant.prototype, "comic", void 0);
Variant = __decorate([
    typeorm_1.ClassEntityChild()
], Variant);
exports.Variant = Variant;
//# sourceMappingURL=Variant.js.map

import {Entity, Column, PrimaryGeneratedColumn, OneToMany} from "typeorm";
import {Comic} from "./Comic";

@Entity()
export class Series {

    @PrimaryGeneratedColumn()
    public id: number;

    @Column("text", {
        length: 30
    })
    public copyright: string;

    @Column("text", {
        length: 100
    })
    public attributionText: string;

    @Column("text", {
        length: 150
    })
    public attributionHTML: string;

    @Column("text", {
        length: 50
    })
    public etag: string;

    @Column("text", {
        length: 200
    })
    public title: string;

    @Column("text")
    public description: string;

    @Column("number", {
        length: 4
    })
    public startYear: number;

    @Column("number", {
        length: 4
    })
    public endYear: number;

    @Column("text", {
        length: 20
    })
    public rating: string;

    @Column("text", {
        length: 20
    })
    public type: string;

    @Column("text")
    public thumbnail: string;

    @OneToMany(type => Comic, comic => comic.series)
    public comics: Array<Comic>;
}

import {Entity, TableInheritance, PrimaryGeneratedColumn, Column, ManyToOne, DiscriminatorColumn} from "typeorm";
import {Series} from "./Series";

@Entity()
@TableInheritance("class-table")
@DiscriminatorColumn({ name: "type", type: "string"})
export class BaseComic {

    @PrimaryGeneratedColumn()
    public id: number;

    @Column("text", {
        length: 30
    })
    public copyright: string;

    @Column("text", {
        length: 100
    })
    public attributionText: string;

    @Column("text", {
        length: 150
    })
    public attributionHTML: string;

    @Column("text", {
        length: 50
    })
    public etag: string;

    @Column("text", {
        length: 200
    })
    public title: string;

    @Column("int")
    public issue: number;

    @Column("text")
    public variantDescription: string;

    @Column("boolean")
    public variant: boolean;

    @Column("text")
    public description: string;

    @Column("int")
    public pageCount: number;

    @Column("date")
    public onSaleDate: Date;

    @Column("date")
    public unlimitedDate: Date;

    @Column("text")
    public thumbnail: string;

    @ManyToOne(type => Series, series => series.comics)
    public series: Series;
}

import {OneToMany, ClassEntityChild} from "typeorm";
import {Variant} from "./Variant";
import {BaseComic} from "./BaseComic";

@ClassEntityChild()
export class Comic extends BaseComic {

    @OneToMany(type => Variant, variant => variant.comic)
    public variants: Variant[];
}

import {ManyToOne, ClassEntityChild} from "typeorm";
import {Comic} from "./Comic";
import {BaseComic} from "./BaseComic";

@ClassEntityChild()
export class Variant extends BaseComic {

    @ManyToOne(type => Comic, comic => comic.variants)
    public comic: Comic;
}
javascripttypescripttypeorm
30
prolink007

私は同じ問題を抱えていました。クラスを循環的にインポートしていたことがわかりましたが、これは明らかに制限事項です。 （これらのGitHubの問題を参照してください： ＃20361 、 ＃4149 、 ＃10712 ）

循環参照は、単にタイプではなくファイル間でも制限されているように見えることに注意してください。

this その他の回答をご覧ください

57
Joshua King

上記のThomas Jensenのコメントで述べたように、循環参照はタイプだけでなくファイルでも発生する可能性があります。同じファイルから基本型と派生型の両方をエクスポートしているときに、この同じ問題が発生しました。といった：

// index.ts
export { BaseClass } from "./base";
export { DerivedClass } from "./derived";

これは陥りやすい落とし穴です。これを他の誰かがデバッグ時間を節約できることを期待してここに投稿します。

3
ajxs

この問題に遭遇しただけで、それは奇妙です。私はプロジェクトを次のように実行しています

node --require ts-node/register path/to/index.ts

そして、受け入れられた答えで示唆されているように、循環参照を削除した後でも、これは上記のエラーで失敗しました。

ただし、tscを実行すると問題なくコンパイルされ、--require ts-node/register...でも正常に実行されます。

これが誰かを助けることを願っています。

0
PeS