初始化前无法访问 {variable-name} (React import)

Question

我收到参考错误

初始化之前无法访问“STRUCTURE_COLUMN_ID”

我有一个 StructureColumn 文件，其中包含以下内容：

import React from 'react';
import Column from './column';

export const STRUCTURE_COLUMN_ID = 'Structure';

export default class StructureColumn extends Column {
  constructor(name) {
    super(STRUCTURE_COLUMN_ID);
  }

  clone() {
    return new StructureColumn(this.name);
  }

  getKey() {
    return STRUCTURE_COLUMN_ID;
  }
}

当尝试从组件访问StructureColumn类或变量时，我收到上述错误。STRUCTURE_COLUMN_ID

该组件如下所示：

import React from 'react';
import { List, ListItem, Tooltip } from '@material-ui/core';
import { STRUCTURE_COLUMN_ID } from '../../../../models/structureColumn';

console.log(STRUCTURE_COLUMN_ID);

const CustomColumnsList = ({ onSelect }) => {
  return (
    <List>
      {Object.values({}).map(col => (
        <Tooltip title={col.description}>
          <ListItem onClick={() => onSelect(col.column)} button>
            {col.name}
          </ListItem>
        </Tooltip>
      ))}
    </List>
  );
};

export default CustomColumnsList;

我可以在功能组件主体内使用该变量，但问题是我想在其范围之外创建一个常量变量。以前在 React 中从未见过这个问题。有人有处理它的经验吗？