Object 名称在 Typescript 中找不到，但在 Javascript 中

Question

我正在使用 config-webpack 来管理我的应用程序中的配置设置。 https://www.npmjs.com/package/config-webpack

这将获取 JSON 文件中的所有配置，并使它们在应用程序中作为 JS object 可用 - 即 CONFIG.SOMEBOOLEANSETTNIG

在我的项目中，如果我有一个 .js 文件，那么它工作正常并且下面的语句解析；

if (CONFIG.SOMEBOOLEANSETTNIG==true) {... }

但是，a.ts 或 .tsx 文件中的相同代码会显示错误，CONFIG 下划线为“找不到名称‘CONFIG’ts(2304)”，并且编译失败。

我觉得我错过了一些非常简单的东西，但我是 TS 的新手。 谢谢。

我已经尝试查看 Typescript 语法文档，但我看不出哪里出错了，因此我们将不胜感激。

Answer 1

考虑将CONFIG声明为本地 typescript 的全局命名空间。

应该是这个样子：

import ConfigWebpackPlugin from 'config-webpack';

export default declare global {
  CONFIG: ConfigWebpackPlugin
}

注意：如果您没有全局类型文件，您可以创建一个自定义文件并将其添加到tsconfig.json文件中的typeRoots数组中。

"typeRoots": ["path/to/custom-type.d.ts" ]