获取页面数据时出现构建错误：无法读取未定义的属性'b'

Question

当试图构建我的下一个js项目时，我得到一个类型错误，'无法读取未定义的属性b'(在应用程序中没有任何地方我试图访问属性'b'，所以它没有说太多)。

当我注释掉页面组件内部的所有子组件但不是一个特定的子组件导致问题时，它似乎消失了，例如:

// error
function MyPage({dataFromGetStaticProps}:dataType)){
return (
<Div>
<Comp1 />
<Comp2 />
<Comp3 />
</Div>
)
}
// error when individually commenting out a child 
function MyPage({dataFromGetStaticProps}:dataType)){
return (
<Div>
<Comp2 />
<Comp3 />
</Div>
)
}
// works
function MyPage({dataFromGetStaticProps}:dataType)){
return (
<Div>

</Div>
)
}

我已经尝试运行——调试与构建，但它没有鞋子和应用程序运行良好时运行下一个开发。

有谁知道是什么原因引起的吗?

我:

• 检查我的进口
• 检查函数接收的数据是否有效，是否为预期类型
• 检查了数据来自的api上没有错误，即我的生产服务器为应用程序提供数据工作正常(甚至将其切换到本地服务器，但仍然没有运气)
• 使用NODE_ENV = development运行yarn build会导致所有错误消失

Answer 1

这是一个循环依赖，你可以把这个插件添加到下一个配置文件，看看你是否有任何

webpack: (config) => {
config.plugins.push(
new CircularDependencyPlugin({
allowAsyncCycles: false,
cwd: process.cwd(),
})
);
return config;
},