如何从 TypeScript 上的另一个文件导入常量？

Question

这是令人尴尬的问题，但我试图将所有常量分离到一个新文件中并导入它，以保持干净。然而，我尝试过的任何方法都不起作用，而且这里的所有其他问题似乎都围绕着导入类和函数。

我有一个名为 的文件constants.tsx，其中声明了所有常量：

export const default_bg               = "#2456a5"
export const default_light_font_color = "white"
export const default_lg_font_size     = 11
export const default_md_font_size     = 10
export const default_sm_font_size     = 9
export const default_dark_font_color  = "#000028"
export const default_font             = "arial"

以及迄今为止具有所有功能的主文件App.tsx：

import * as React from 'react';
import { Header } from './Header';
import { Body } from './Body';

import * as defaults from 'constants'

...

但是，defaults（或我为导入指定的任何其他名称）似乎不包含常量。写作defaults.default_bg给了我这个错误：

TS2339：类型“typeof import("constants")”上不存在属性“default_bg”。

并console.log(defaults)打印：

我知道这可能非常简单，但我不知道如何做到这一点。总的来说，我对 Typescript 和 Javascript 很陌生。

Answer 1

从“常量”导入 * 作为默认值

上面的内容告诉节点在内部查找/node_modules模块constants。

将该行更改为：

import * as defaults from './path/to/constants'

至于打印到控制台的内容，这是另一回事，因为它肯定会在defaults导入标识符中放入一些内容。