在 Typescript 中找不到对象名称，但在 Javascript 中找到

Question

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

这需要所有JSON 文件中的配置，并使它们作为 JS 对象在应用程序中可用 - 即 CONFIG.SOMEBOOLEANSETTNIG

在我的项目中，如果我有一个 .js 文件，则可以正常工作，并且以下语句可以解决；

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

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

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

我尝试查看 Typescript 语法文档，但我看不出哪里出错了，所以任何帮助将不胜感激。

Answer 1

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

应该看起来像这样：

import ConfigWebpackPlugin from 'config-webpack';

export default declare global {
  CONFIG: ConfigWebpackPlugin
}

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

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