汇总EMFILE：打开的文件太多，带有材料-用户界面图标

Question

我有一个基于Material ui版本5的设计系统。我使用汇总作为捆绑工具。

在其中一个自定义组件中，我从Mui5import{Search}从“@material ui/icons”

当我使用汇总构建时，我得到了以下错误，我不确定如何修复：

!] Error: Could not load E:\project\node_modules\@material-ui\icons\esm\TransitEnterexitSharp.js 
(imported by node_modules\@material-ui\icons\esm\index.js): EMFILE: too many open files, open 'E:\project\node_modules\@material-ui\icons\esm\TransitEnterexitSharp.js'

我在汇总中遗漏了什么配置？它具有以下配置：

export default {
  input: "src/index.ts",
  output: [
    {
      file: packageJson.main,
      format: "cjs",
      sourcemap: true
    },
    {
      file: packageJson.module,
      format: "esm",
      sourcemap: true
    }
  ],
  plugins: [
    peerDepsExternal(),
    resolve(),
    commonjs(),
    babel({
      plugins: 
      [
        // comes from https://material-ui.com/guides/minimizing-bundle-size/#option-2
        [
          'babel-plugin-import',
          {
            'libraryName': '@material-ui/core',
            'libraryDirectory': 'esm',
            'camel2DashComponentName': false
          },
          'core'
        ],
        [
          'babel-plugin-import',
          {
            'libraryName': '@material-ui/icons',
            'libraryDirectory': 'esm',
            'camel2DashComponentName': false
          },
          'icons'
        ]
      ],
      exclude: 'node_modules/**',
      runtimeHelpers: true
    }),
    typescript({ useTsconfigDeclarationDir: true }),
    svgr(),
    image(),
    copy({
      targets: [
        {
          src: "package.json",
          dest: "dist"
        }
      ]
    })
  ]
};

我也尝试过使用umidbekk/babel插件直接导入，但没有效果。

Answer 1

原来这是在Rollup v2.53.0中修复的，它引用了我的确切问题https://github.com/rollup/rollup/pull/4170#issue-684709217