Typescript -未找到导出

zpjtge22  于 2023-05-01  发布在  TypeScript
关注(0)|答案(2)|浏览(130)

我在模块A中有这个Typescript文件:

// somefile.tsx
import { remAuto } from 'tidee-life-theme';

在模块B中,我有索引。js文件导出remAuto

// index.js
import { remAuto } from './src/utils';
export default {
  remAuto,
};

然而,当我使用Webpack构建时,我得到了这个错误:
警告中。/src/components/somefile。tsx 50:20-27“export 'remAuto' was not found in 'module-b'
remAuto显然是被导出的,这在我试图将模块A的部分转换为Typescript之前就已经成功了。我错过了什么?

pgccezyw

pgccezyw1#

它应该是一个非默认导出

export {
  remAuto,
};

否则,您应该导入默认值,然后对其进行解构

import tideelifetheme from 'tidee-life-theme';
const { remAuto } = tideelifetheme;

原因:
因为

export default {
  remAuto,
};

读取为:“导出具有指定为remAuto值的remAuto属性的对象”。

import { remAuto } from 'tidee-life-theme';

被读作“import a named import with remAuto identifier”(而您没有)。
总结如下:命名导出和默认导出对象是不可互换的。

nxowjjhe

nxowjjhe2#

在我的情况下,我有一个这样的进口

import { CategoryLayoutDisplayTypesEnum,MobileSettingsService} from 'src/app/modules/sales-channels';

原来应该这样改!

import { CategoryLayoutDisplayTypesEnum } from 'src/app/modules/sales-channels/data';
import { MobileSettingsService } from 'src/app/modules/sales-channels/data-access/services';

相关问题