React在使用map函数渲染对象数组时抛出错误

Question

当我使用map函数时，我的react应用程序抛出错误。当我在沙箱中使用类似的代码时，它似乎工作得很好。
错误：ENOSPC: System limit for number of file watchers reached, watch所以，创建react项目后，错误就消失了。但是，当我使用map函数时，它不会显示任何内容。localhost:3000为空。但是，当我注释掉createEmojiCard函数并在应用程序函数中使用相同的代码时。它运行良好。

示例代码：

import emojis from "../emojipedia";
function createEmojiCard(emoji){
return(  <dl className="dictionary">
<div className="term">
<dt>
<span className="emoji" role="img" aria-label="Tense Biceps">
💪
</span>
<span>Tense Biceps</span>
</dt>
</div>
</dl>
);
}
function App() {
return (
<div>
<h1>
<span>emojipedia</span>
</h1>
{emojis.map(createEmojiCard)}

Answer 1

您可以进行依赖项更新npm/yarn安装，如果它不起作用，可能会在VS Code中打开许多不同的项目，关闭另一个项目并重新加载VS Code