node.js - typescript : Uncaught ReferenceError :未定义变形

Question

我收到以下错误:

Uncaught ReferenceError: Morph is not defined
    at sketch (sketch.ts:7)
    at new p5 (sketch.ts:28)
    at Object.<anonymous> (sketch.ts:28)
    at c (sketch.ts:28)
    at Function.r.import (sketch.ts:28)
    at sketch.ts:28

morph.ts与sketch.ts位于同一文件夹中，这是sketch.ts :

import 'p5'
import './morph'


var sketch = (p: p5) => {

    const morph = new Morph();

    p.preload = () => {

    }

    p.setup = () => {
        p.createCanvas(p.windowWidth, p.windowHeight);
        morph.setup(p);
    }

    p.windowResized = () => {
        p.resizeCanvas(p.windowWidth, p.windowHeight);
    }

    p.draw = () => {
        p.background(100);
        morph.draw(p);        
    }
}

var sketchP = new p5(sketch);

为什么导入 morph.ts 不起作用。我错过了什么？

提前谢谢您。

Answer 1

您必须将所有内容导入为命名空间、默认导出或特定导出。例如，由于您的代码表明 Morph 是一个类，因此应将其标记为导出类或默认导出。我不喜欢使用默认导出，因此我会确保 Morph 在您声明的位置导出:

export class Morph {

然后在 sketch.ts 中执行以下操作来导入 Morph 类:

import { Morph } from './morph'