如何修复reacts typescript应用程序中的“500 TypeError:Cannot read property'split'of null”

这可能是由于 pid 当 ProductCard

这通常是因为从后端提供的数据不完整,或者是因为组件是在网络请求获取组件数据之前或期间呈现的(即在这种情况下 product )

const components = typeof product.pid === 'string' ? product.pid.split(URL_COMPONENT_SEPARATOR).filter((x) => x !== product.productId) : [];

由于错误的源映射,错误消息上显示的行号可能会关闭。把达克雷·丹尼的回答作为辩护。

当后端(在我的例子中是elasticsearch实例)运行时,可以看到这个错误。