时间戳

首页 > 解决方案 > 接收排版文件的尝试导入错误

reactjs - 接收排版文件的尝试导入错误

问题描述

我最近为排版创建了这个 H8.jsx 文件。我收到一个尝试导入错误：

尝试导入错误：“H8”未从“../../../library/atoms”导出。

文件路径是： clients/odyssey/src/library/atoms/H8.jsx和clients/odyssey/src/components/organisms/pages/HowItWorksPage.jsx

如果将 H8 更改为 H7，这是一个现有文件，那么它工作正常

HowItWorksPage.jsx

import { H8 } from '../../../library/atoms';

const HowItWorksPage = () => {
  return (
    <>
      <H8>Increase Brand Awareness</H8>
    </>
  );
};

export default HowItWorksPage;

H8.jsx

import styled from 'styled-components';

export const H8 = styled.div`
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.18px;
  font-family: var(--font);
`;

标签： reactjs

解决方案

根据您的组件路径，我假设您只是没有导入H8索引atoms以导出到您的项目。

给定文件路径：library/atoms/H8.jsx

和错误：Attempted import error: 'H8' is not exported from '../library/atoms'.

选项library/atoms/index.js

  • export * from './H8';

  • import { H8 } from './H8';
...
export {
  // ... other exports
  H8,
  // ...
};

推荐阅读