如何修复已使用 react 和 typescript 声明的错误标识符？

Posted 2023-02-22

【中文标题】如何修复已使用 react 和 typescript 声明的错误标识符？

【英文标题】：How to fix the error Identifier has already been declared using react and typescript?

【发布时间】：2021-02-03 12:47:09

【问题描述】：

我想使用 react 修复错误“标识符配置已被声明”？

我在文件 List.tsx 中使用如下导入语句

import config from 'react-spring';
import config from '../config';

在我的配置文件中

const config =  //something

export default config;

我得到错误标识符配置已被声明。有人可以帮我解决这个问题吗？谢谢。

【问题讨论】：

问题是两者都被称为config。将其中一个命名为不同的名称。最简单的是第二个import config2 from '../config'; 什么的。

在第二行导入中更改'config'的名称

谢谢。但在配置文件中，我正在导出配置，我无法更改它。

How can I alias a default import in javascript?

我尝试使用 import config as configuration from '../config' 并使用它来显示 div !config.isRestricted && title 但这给出错误无法读取未定义的 isRestricted。我是否正确导入？

【参考方案1】：

正如@VLAZ 提到的，您需要使用不同的名称来导入。你可以这样使用它：

  import config from 'react-spring';
  import customConfig from '../config';

【讨论】：

感谢我编辑了我的问题，即我如何从配置文件中导出配置。是否有一些别名可以在导入中使用？