启动react应用时，面临fs-extra、html-webpack-plugin- facing html-processing、graceful-js等问题

Question

无法读取未定义的属性'native‘。/node_modules/fs-extra/lib/fs/index.js F:/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-额外的问题？

如何解决这个问题。

谢谢

Answer 1

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

编辑：

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

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

解决方案，来自@RyanZim

或者，您可以将webpack (或您正在使用的任何编译器)配置为将fs-extra存根为空对象。任何一种解决方案都应该解决您的问题。

因此，由于我使用的是typescript，所以我从https://stackoverflow.com/a/43112861/9285308中找到了很好的用法，并最终使用了

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