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

Question

问这个问题很尴尬，但我试图将所有常量分离到一个新文件中，然后导入它，以保持干净。但是，我尝试过的一切都不起作用，SO 上的所有其他问题似乎都围绕着导入类和函数。

我有一个名为 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: Property 'default_bg' does not exist on type 'typeof import("constants")'.

console.log(defaults) 打印:



我知道这可能非常简单，但我不知道如何做到这一点。我是 Typescript 和 Javascript 的新手。

Answer 1

import * as defaults from 'constants'

以上告诉节点查看内部 /node_modules对于 constants模块。

将该行更改为:
import * as defaults from './path/to/constants'
至于打印到控制台的内容，那是另一回事，因为它肯定会在您的 defaults 中放入一些东西。导入标识符。