从 TypeScript 编译的 JS 不能在浏览器中运行

Question

TypeScript 代码可以正确编译。但是（可能）由于我的类结构最终编译的结果与预期的不同。导致运行时错误。

导致错误本身的实际问题是

this.Scene = new THREE.Scene();

运行 tsc 后我得到了这一行

this.Scene = new three_1.default.Scene();

我可以删除默认参数并修复它。但每次都这样做似乎是个坏主意。我宁愿知道根本问题。 上下文类，以防它与我正在使用的结构有关。 提前抱歉，我对 typescript 比较陌生（一周前开始使用 JS，但我确实拥有 .NET 学位）

import { MaterialLibrary } from "./Materials/MaterialLibrary";
import { MeshLoader } from "./MeshLoader";
import THREE from "three";

export class Manager
{
    //manager instance
    private static instance: Manager;

    //sub-managers
    public static MaterialLib: MaterialLibrary;
    public static Scene: THREE.Scene;

    //helper classes
    public static MeshLoader: MeshLoader;

    constructor()
    {
        Manager.instance = this;
    }

    static Init()
    {
        this.MaterialLib = new MaterialLibrary();
        this.MeshLoader = new MeshLoader();
        this.Scene = new THREE.Scene();
    }

    static GetInstance(): Manager
    {
        if(!Manager.instance)
        {
            Manager.instance = new Manager();
        }

        return Manager.instance;
    }
}

这编译成

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const MaterialLibrary_1 = require("./Materials/MaterialLibrary");
const MeshLoader_1 = require("./MeshLoader");
const three_1 = __importDefault(require("three"));
class Manager {
    constructor() {
        Manager.instance = this;
    }
    static Init() {
        this.MaterialLib = new MaterialLibrary_1.MaterialLibrary();
        this.MeshLoader = new MeshLoader_1.MeshLoader();
        this.Scene = new three_1.default.Scene();
    }
    static GetInstance() {
        if (!Manager.instance) {
            Manager.instance = new Manager();
        }
        return Manager.instance;
    }
}
exports.Manager = Manager;

Answer 1

尝试使用

import * as THREE from 'three';

而不是

import THREE from 'three';

见：https://threejs.org/docs/index.html#manual/en/introduction/Import-via-modules