在本地运行next.js webapp时出现错误“ReferenceError:Cannot access 'Base' before initialization”

bwleehnv  于 2023-11-18  发布在  其他
关注(0)|答案(1)|浏览(237)

这是完整的index.tsx文件的内容:

import { Base } from '../templates/Base';

const Index = () => <Base />;

export default Index;

字符串
我已经检查了其他带有此错误消息的帖子,但没有一个是这样结构的。我不确定是什么导致了错误,因为Base在被引用之前就被导入了。在这种情况下,Base的“初始化”是什么样子的?


的数据
Base文件:

import { Meta } from '../layout/Meta';
import { AppConfig } from '../utils/AppConfig';
import { Banner } from './Banner';
import { Footer } from './Footer';
import { Hero } from './Hero';
import { List } from './List';
import { Navbar } from './Navbar';
import { VerticalFeatures } from './VerticalFeatures';
// import { Search } from './Search';

const Base = () => (
  <div className="antialiased text-gray-600">
    <Meta title={AppConfig.title} description={AppConfig.description} />
    <Navbar />
    <Hero />
    {/* <Search /> */}
    <List />
    <VerticalFeatures />
    <Banner />
    <Footer />
  </div>
);

export { Base };

mitkmikd

mitkmikd1#

检查循环进口:
确保组件之间没有循环导入。循环导入可能会导致此类错误。请确保导入Base组件的方式不会创建循环引用。

相关问题