gatsby build build throw throw new err_require_esm（文件名，parentpath，packagejsonpath）在netlify上失败。

Question

从几个月前开始，我的构建中没有发生此错误，我是在使用npm v6.14.5的节点v14.4.0上。

6:09:13 PM: $ gatsby build
6:09:13 PM: internal/modules/cjs/loader.js:1085
6:09:13 PM:       throw new ERR_REQUIRE_ESM(filename, parentPath, packageJsonPath);
6:09:13 PM:       ^
6:09:13 PM: Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /opt/build/repo/node_modules/dot-prop/index.js
6:09:13 PM: require() of ES modules is not supported.
6:09:13 PM: require() of /opt/build/repo/node_modules/dot-prop/index.js from /opt/build/repo/node_modules/configstore/index.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
6:09:13 PM: Instead rename /opt/build/repo/node_modules/dot-prop/index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from /opt/build/repo/node_modules/dot-prop/package.json.
6:09:13 PM:     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1085:13)
6:09:13 PM:     at Module.load (internal/modules/cjs/loader.js:933:32)
6:09:13 PM:     at Function.Module._load (internal/modules/cjs/loader.js:774:14)
6:09:13 PM:     at Module.require (internal/modules/cjs/loader.js:957:19)
6:09:13 PM:     at require (internal/modules/cjs/helpers.js:88:18)
6:09:13 PM:     at Object.<anonymous> (/opt/build/repo/node_modules/configstore/index.js:8:17)
6:09:13 PM:     at Module._compile (internal/modules/cjs/loader.js:1068:30)
6:09:13 PM:     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1097:10)
6:09:13 PM:     at Module.load (internal/modules/cjs/loader.js:933:32)
6:09:13 PM:     at Function.Module._load (internal/modules/cjs/loader.js:774:14) {
6:09:13 PM:   code: 'ERR_REQUIRE_ESM'
6:09:13 PM: }

这是最后一个构建的日志输出

< a构建“ rel =“ nofollow noreferrer”>这是构建1的日志输出。工作构建。除了新图像和一些字符串，什么也没有更新。这个构建失败了。

以上两个构建都将节点版设置为v14.4.0

Here is my most recent breaking Netlify log

It happens when

但没有发生这是我的package-lock.json

即使使用工作package> package> package> package> package> package> package> package> package> package> package> josson我也必须使用node v14。 17.0和npm v7.20.5否则，我会

---

使用工作package-lock.json和working node和npm版本遇到相同的错误，我接收

6:49:50 PM: success Running gatsby-plugin-sharp.IMAGE_PROCESSING jobs - 144.047s - 675/675 4.69/s
6:49:50 PM: error UNHANDLED EXCEPTION write EPIPE
6:49:50 PM: 
6:49:50 PM: 
6:49:50 PM:   Error: write EPIPE
6:49:50 PM:   
6:49:50 PM:   - child_process.js:839 ChildProcess.target._send
6:49:50 PM:     internal/child_process.js:839:20
6:49:50 PM:   
6:49:50 PM:   - child_process.js:710 ChildProcess.target.send
6:49:50 PM:     internal/child_process.js:710:19
6:49:50 PM:   
6:49:50 PM:   - index.js:298 WorkerPool.sendMessage
6:49:50 PM:     [repo]/[gatsby-worker]/dist/index.js:298:19
6:49:50 PM:   
6:49:50 PM:   - worker-messaging.ts:22 
6:49:50 PM:     [repo]/[gatsby]/src/utils/jobs/worker-messaging.ts:22:22

---

。 .json

{
  "name": "suddenly-saskatchewan-magazine-website",
  "private": true,
  "description": "Suddenly Saskachewan Magazine Website",
  "version": "0.1.0",
  "author": "Sam Germain",
  "keywords": [
    "suddenly saskatchewan",
    "saskatchewan"
  ],
  "license": "MIT",
  "scripts": {
    "build": "GATSBY_EXPERIMENTAL_PAGE_BUILD_ON_DATA_CHANGES=true gatsby build --log-pages",
    "develop": "gatsby develop",
    "format": "prettier --write \"**/*.{js,jsx,json,md}\"",
    "preinstall": "npx npm-force-resolutions",
    "start": "npm run develop",
    "serve": "gatsby serve",
    "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing \"",
    "type-check": "tsc -w"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/samgermain/sudSaskV2.git"
  },
  "bugs": {
    "url": "https://github.com/samgermain/sudSaskV2/issues"
  },
  "resolutions": {
    "dot-prop": ">=5.2.0"
  },
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.1.1",
    "@fortawesome/free-brands-svg-icons": "^6.1.1",
    "@fortawesome/free-solid-svg-icons": "^6.1.1",
    "@fortawesome/react-fontawesome": "^0.1.18",
    "@loadable/component": "^5.15.2",
    "@pittica/gatsby-plugin-recaptcha": "^2.0.3",
    "@types/react-helmet": "^6.1.5",
    "@types/react-scroll": "^1.8.3",
    "bootstrap": "^5.1.3",
    "core-js": "^3.21.1",
    "emailjs-com": "^3.2.0",
    "gatsby": "^4.11.3",
    "gatsby-background-image": "^1.6.0",
    "gatsby-image": "^3.11.0",
    "gatsby-plugin-create-client-paths": "^4.9.0",
    "gatsby-plugin-google-analytics": "^4.11.0",
    "gatsby-plugin-google-fonts": "^1.0.1",
    "gatsby-plugin-graphql-loader": "^1.0.2",
    "gatsby-plugin-loadable-components-ssr": "^4.2.0",
    "gatsby-plugin-manifest": "^4.11.1",
    "gatsby-plugin-netlify": "^4.2.0",
    "gatsby-plugin-preact": "^6.11.0",
    "gatsby-plugin-preconnect": "^1.3.0",
    "gatsby-plugin-purgecss": "^6.1.2",
    "gatsby-plugin-react-helmet": "^5.11.0",
    "gatsby-plugin-react-svg": "^3.1.0",
    "gatsby-plugin-root-import": "^2.0.8",
    "gatsby-plugin-sass": "^5.11.1",
    "gatsby-plugin-sharp": "^4.11.1",
    "gatsby-plugin-sitemap": "^5.11.1",
    "gatsby-plugin-typescript": "^4.11.1",
    "gatsby-remark-images": "^6.11.1",
    "gatsby-remark-relative-images-v2": "^0.1.5",
    "gatsby-source-filesystem": "^4.11.1",
    "gatsby-transformer-remark": "^5.11.1",
    "gatsby-transformer-sharp": "^4.11.0",
    "graphql-tag": "^2.12.6",
    "jshint": "^2.13.4",
    "node-sass": "^6.0.1",
    "preact": "^10.7.1",
    "preact-render-to-string": "^5.1.21",
    "prop-types": "^15.8.1",
    "query-string": "^7.1.1",
    "react": "^17.0.2",
    "react-bootstrap": "^2.2.3",
    "react-dom": "^17.0.2",
    "react-helmet": "^6.1.0",
    "react-scroll": "^1.8.7",
    "resize-observer-polyfill": "^1.5.1",
    "typescript": "^4.6.3",
    "webpack": "^5.72.0"
  }
}

This was my package.json对于上次有效的构建

---

在盖茨比云上构建时，

---

我的网站仍在使用gatsby-image，而不是gatsby-plugin-image >，我有一个分支，我花了几个小时尝试将gatsby-image转换为gatsby-plugin-image，但它仍然有问题，所以我做不知道此更新是否会解决此问题

---

是否

在Netlify上更新一个随机构建

Answer 1

错误的异常写Epipe

这个错误通常与服务器的超时响应有关，并且根据某些构建参数可能失败，这就是以前没有发生的原因。

超时出现的原因有多种（新软件包，丢失缓存文件，硬图像处理等）。就您而言，我认为这与图像处理过程有关。尝试删除avif（如果您使用的是CPU密集型）并使用默认格式（webp 和auto）。

对于gatsby-plugin-image分支尝试设置默认选项：

module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-sharp`,
      options: {
        defaults: {
          formats: [`auto`, `webp`],
          placeholder: `dominantColor`,
          quality: 50,
          breakpoints: [750, 1080, 1366, 1920],
          backgroundColor: `transparent`,
          tracedSVGOptions: {},
          blurredOptions: {},
          jpgOptions: {},
          pngOptions: {},
          webpOptions: {},
          avifOptions: {},
        }
      }
    },
    `gatsby-transformer-sharp`,
    `gatsby-plugin-image`,
  ],
}

在gatsby-image的情况下，请尝试使用特定查询片段。

绕过Netlify方面的这项CPU强度工作的另一种替代方法是使用Netlify提供与盖茨比图像一起使用的CDN，这将节省大量耗时的过程。更多详细信息：

• https://www.netlify.com/blog/ gatsby-image-cdn-on-netlify
• https://github.com/netlify/netlify-plugin-gatsby/blob/main/main/main/docs/image-cdn.md

如果问题持续下去，另一个已知的工作解决方案是从^4.11.3 to 4.7.2，在需要时锁定版本。

有关描述的解决方案的更详细的解释，请访问：

• https ：//answers.netlify.com/t/error-unhandled-exception-write-epipe/52650
• https://github.com/netlify/netlify-plugin-gatsby/issues/259

---

根据dot-dot-drop-drop错误，原因是原因，原因是原因。在您的node_modules或代码中，您的依赖项都使用type = module和没有type = type = module（ https：//github.com/standard-com./standard-com./standard-thard-com/standard-things/esm/esm/sm/sm/868#issuecomment-586705453 < /a>）。这通常是由依赖关系的升级或节点版本的更改引起的。

尝试在netlify.toml文件中设置捆绑器：

[functions]
  node_bundler = "esbuild"

source： https://answers.netlify.com/t/getting-must-must-use-ime--import-to-to- -load-es-s-module-when-used node-fetch-in-netlify-funntions/47230

另外，在您的package.json.json中添加以下

{
  "type": "module"
}

行本质上是启用ES6模块。

更多详细信息可以找到：为什么是包装中的'类型：模块' .json文件？

Answer 2

您的写Epipe错误是Gatsby V4在Netlify中构建的超时，而解决方法是设置gatsby_concurrent_download环境变量 16 （或更少）如所说在这个论坛中

应该避免您达到NetLify内存限制