面对fs-extra，html-webpack-plugin-before-html-processing，启动React应用时出现优美的js问题

Question

无法读取未定义的属性'native'./node_modules/fs-extra/lib/fs/index.jsF：/practice/burger-redux/my-app/node_modules/fs-extra/lib/fs/index.js：107

  }
 fs.realpath.native only available in Node v9.2+
> if (typeof fs.realpath.native === 'function') {
  exports.realpath.native = u(fs.realpath.native)
  }

这是fs-extra期间的错误示例。突然，发生了与graceful-js错误相关的错误，但我找不到解决方案。然后，我创建了一个新的react应用。现在我正面临fs-extra问题？

如何解决问题。

谢谢

Answer 1

我自己遇到此错误，因此造成了一个问题：https://github.com/jprichardson/node-fs-extra/issues/743。

编辑：

我不知道这对您的具体情况是否有帮助，但是从@gabriel-marcondes起，我的问题是

您不能从客户端浏览器使用FS。

解决方案，来自@RyanZim：

您需要在使用它的方法中动态要求（'fs-extra'），这样浏览器就不需要了。或者，您可以将webpack（或您使用的任何编译器）配置为将fs-extra存根为空对象。两种解决方案都可以解决您的问题。

因此，由于我使用的是打字稿，因此我从https://stackoverflow.com/a/43112861/9285308中找到了很好的用途，并最终使用了

async function do_something_that_needs_fs() {
    const fs = await import("fs-extra");
}