首页 > 解决方案 > 使用了不安全的内置方法,未来的构建将需要重建所有页面 - gatsby build

问题描述

我在“gatsby build”期间遇到了这个错误

警告使用了不安全的内置方法,未来的构建将需要重建所有页面警告 WebpackError: Unsafe builtin usage fs.existsSync

请检查下面的图片和包装详细信息..

包.Json

 "gatsby": "^3.1.1",
    "gatsby-plugin-create-client-paths": "^3.2.0",
    "gatsby-plugin-material-ui": "^3.0.1",
    "gatsby-plugin-typescript": "^3.2.0",
    "gatsby-source-contentful": "^5.2.1",
    "react": "^17.0.1",
    "react-chartjs-2": "^2.11.1",
    "react-dom": "^17.0.1",
    "react-redux": "^7.2.3",
    "storybook": "^6.2.8",
    "storybook-css-modules-preset": "^1.0.7",
    "typeface-roboto": "^1.1.13",
    "typescript": "^4.2.3",
    "yup": "^0.32.9"

标签: gatsby

解决方案


该问题是由gatsby-plugin-material-ui插件引起的。您可以在此处关注警告讨论的堆栈跟踪。

解决方法是更新gatsby-plugin-material-ui3.0.0版本。

在您的情况下,请尝试降级3.0.0而不是使用3.0.1. 在每次试用之前删除node_modules您的缓存,并通过gatsby clean.

或者,您可以尝试禁用自动前缀(不是理想的解决方案):

{
  resolve: `gatsby-plugin-material-ui`,
  options: {
    disableAutoprefixing: true,
  },
},

推荐阅读