2

我将 tsify 与 watchify 和 VS Code 一起使用。编译成功，没有任何警告或错误。

我使用这个命令：

cd html/wp-content/themes; watchify custom-theme/assets/ts/main.ts -p [ tsify ] -o custom-theme/assets/js/bundle.js -v

内容utils.ts：

export module Utils {
    function getBrowserLanguage() : string {
        ...
    }

    function formatTime(secs: number): string {
        ...
    }
}

在我使用 Utils 的每个文件中，我都放了这个：

const Utils = require("./utils");

在文件的顶部。

问题是在浏览器中我得到这个控制台错误：

ReferenceError: Utils is not defined (bundle.js)

所有 TypeScript 文件都在同一个文件夹中。

这是我的tsconfig.json文件：

{
    "compilerOptions": {
        "removeComments": true,
        "preserveConstEnums": true,
        "sourceMap": true,
        "outDir": "wp-content/themes/custom-theme/assets/js",
        "watch": true,
        "allowJs": true,
        "lib": ["ES2020", "DOM"]
    },
    "include": [
        "wp-content/themes/custom-theme/assets/ts"
    ],
    "exclude": [
        "node_modules",
        "**/*.spec.ts"
    ]
}

我该怎么做才能使代码在浏览器中正常工作而不会出现该错误？

谢谢你。

更新 1

这是带有简化示例的存储库。

4

0 回答 0