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

Question

当我使用 map function 时，我的反应应用程序抛出错误。 当我在沙箱中使用类似的代码时，它似乎工作正常。
错误： ENOSPC: System limit for number of file watchers reached, watch所以，创建反应项目后，错误消失了。 但是，当我使用 map function 时，它什么也没显示。 localhost:3000 为空白。 但是，当我注释掉createEmojiCard function 并在应用程序 function 中使用相同的代码时。 它工作正常。

示例代码：

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 install ，如果它不起作用，可能你在 VS Code 中打开了许多不同的项目，关闭另一个项目并重新加载你的 VS Code