Issue while deploying Next APP

Adityacs001 · December 23, 2020, 3:36pm

Hello Team,

I’m facing issue while deploying nextjs application on netlify . Followed steps as mentioned on site

I tried by clearing cache , replaced node-fetch with isomorphic-fetch with no luck.

7:25:15 PM: Build ready to start
7:25:18 PM: build-image version: 53b83b6bede2920f236b25b6f5a95334320dc849
7:25:18 PM: build-image tag: v3.6.0
7:25:18 PM: buildbot version: 8ae026ef4905d9174e416775c6b64aa19950569b
7:25:18 PM: Fetching cached dependencies
7:25:18 PM: Failed to fetch cache, continuing with build
7:25:18 PM: Starting to prepare the repo for build
7:25:18 PM: No cached dependencies found. Cloning fresh repo
7:25:18 PM: git clone https://github.com/Adityacs001/app-hrms
7:25:19 PM: Preparing Git Reference refs/heads/master
7:25:21 PM: Different build command detected, going to use the one specified in the Netlify configuration file: ‘npm run build’ versus ‘next build’ in the Netlify UI
7:25:21 PM: Starting build script
7:25:21 PM: Installing dependencies
7:25:21 PM: Python version set to 2.7
7:25:22 PM: v12.18.0 is already installed.
7:25:23 PM: Now using node v12.18.0 (npm v6.14.4)
7:25:23 PM: Started restoring cached build plugins
7:25:23 PM: Finished restoring cached build plugins
7:25:23 PM: Attempting ruby version 2.7.1, read from environment
7:25:24 PM: Using ruby version 2.7.1
7:25:24 PM: Using PHP version 5.6
7:25:24 PM: Started restoring cached node modules
7:25:24 PM: Finished restoring cached node modules
7:25:24 PM: Started restoring cached yarn cache
7:25:24 PM: Finished restoring cached yarn cache
7:25:24 PM: Installing yarn at version 1.22.4
7:25:24 PM: Installing Yarn!
7:25:24 PM: > Downloading tarball…
7:25:24 PM: [1/2]: https://yarnpkg.com/downloads/1.22.4/yarn-v1.22.4.tar.gz → /tmp/yarn.tar.gz.pLtWLdh1H5
7:25:24 PM: % Total % Received % Xferd Average Speed Time Time Time Current
7:25:24 PM: Dload Upload Total Spent Left Speed
7:25:24 PM: 0 0 0 0 0 0 0 0 --:–:-- --:–:-- --:–:-- 0
7:25:25 PM: 0 0 0 0 0 0 0 0 --:–:-- --:–:-- --:–:-- 0
7:25:25 PM: 100 80 100 80 0 0 282 0 --:–:-- --:–:-- --:–:-- 281
7:25:25 PM: 100 93 100 93 0 0 157 0 --:–:-- --:–:-- --:–:-- 157
7:25:25 PM: 100 643 100 643 0 0 744 0 --:–:-- --:–:-- --:–:-- 744
7:25:26 PM: 0 0 0 0 0 0 0 0 --:–:-- 0:00:01 --:–:-- 0
7:25:26 PM: 100 1215k 100 1215k 0 0 941k 0 0:00:01 0:00:01 --:–:-- 5378k
7:25:26 PM: [2/2]: https://yarnpkg.com/downloads/1.22.4/yarn-v1.22.4.tar.gz.asc → /tmp/yarn.tar.gz.pLtWLdh1H5.asc
7:25:26 PM: 100 84 100 84 0 0 3048 0 --:–:-- --:–:-- --:–:-- 3048
7:25:26 PM: 100 97 100 97 0 0 1737 0 --:–:-- --:–:-- --:–:-- 1737
7:25:26 PM: 100 647 100 647 0 0 7370 0 --:–:-- --:–:-- --:–:-- 7370
7:25:26 PM: 100 1028 100 1028 0 0 7798 0 --:–:-- --:–:-- --:–:-- 7798
7:25:26 PM: > Verifying integrity…
7:25:26 PM: gpg: Signature made Mon 09 Mar 2020 03:52:13 PM UTC using RSA key ID 69475BAA
7:25:26 PM: gpg: Good signature from “Yarn Packaging yarn@dan.cx”
7:25:26 PM: gpg: WARNING: This key is not certified with a trusted signature!
7:25:26 PM: gpg: There is no indication that the signature belongs to the owner.
7:25:26 PM: Primary key fingerprint: 72EC F46A 56B4 AD39 C907 BBB7 1646 B01B 86E5 0310
7:25:26 PM: Subkey fingerprint: 6D98 490C 6F1A CDDD 448E 4595 4F77 6793 6947 5BAA
7:25:26 PM: > GPG signature looks good
7:25:26 PM: > Extracting to ~/.yarn…
7:25:26 PM: > Adding to $PATH…
7:25:26 PM: > Successfully installed Yarn 1.22.4! Please open another terminal where the yarn command will now be available.
7:25:27 PM: Installing NPM modules using Yarn version 1.22.4
7:25:27 PM: yarn install v1.22.4
7:25:27 PM: [1/4] Resolving packages…
7:25:27 PM: [2/4] Fetching packages…
7:25:39 PM: info fsevents@2.1.3: The platform “linux” is incompatible with this module.
7:25:39 PM: info “fsevents@2.1.3” is an optional dependency and failed compatibility check. Excluding it from installation.
7:25:39 PM: info fsevents@1.2.13: The platform “linux” is incompatible with this module.
7:25:39 PM: info “fsevents@1.2.13” is an optional dependency and failed compatibility check. Excluding it from installation.
7:25:39 PM: [3/4] Linking dependencies…
7:25:39 PM: warning " > cogo-toast@4.2.3" has unmet peer dependency “prop-types@^15.6.2”.
7:25:39 PM: warning " > cogo-toast@4.2.3" has incorrect peer dependency “react@^16.8.0”.
7:25:39 PM: warning " > cogo-toast@4.2.3" has incorrect peer dependency “react-dom@^16.8.0”.
7:25:39 PM: warning “@netlify/plugin-nextjs > next-on-netlify > @sls-next/lambda-at-edge > @zeit/node-file-trace > acorn-export-ns-from@0.1.0” has incorrect peer dependency “acorn@^6.0.1”.
7:25:39 PM: warning “@netlify/plugin-nextjs > next-on-netlify > @sls-next/lambda-at-edge > @aws-sdk/client-s3 > @aws-sdk/middleware-retry > react-native-get-random-values@1.5.0” has unmet peer dependency “react-native@>=0.56”.
7:25:45 PM: [4/4] Building fresh packages…
7:25:48 PM: Done in 21.25s.
7:25:48 PM: NPM modules installed using Yarn
7:25:48 PM: Started restoring cached go cache
7:25:48 PM: Finished restoring cached go cache
7:25:49 PM: go version go1.14.4 linux/amd64
7:25:49 PM: go version go1.14.4 linux/amd64
7:25:49 PM: Installing missing commands
7:25:49 PM: Verify run directory
7:25:50 PM:
7:25:50 PM: ────────────────────────────────────────────────────────────────
7:25:50 PM: Netlify Build
7:25:50 PM: ────────────────────────────────────────────────────────────────
7:25:50 PM:
7:25:50 PM: ❯ Version
7:25:50 PM: @netlify/build 8.0.0
7:25:50 PM:
7:25:50 PM: ❯ Flags
7:25:50 PM: deployId: 5fe3615b485ce800078a0aa9
7:25:50 PM: mode: buildbot
7:25:50 PM:
7:25:50 PM: ❯ Current directory
7:25:50 PM: /opt/build/repo
7:25:50 PM:
7:25:50 PM: ❯ Config file
7:25:50 PM: /opt/build/repo/netlify.toml
7:25:50 PM:
7:25:50 PM: ❯ Context
7:25:50 PM: production
7:25:50 PM:
7:25:50 PM: ❯ Loading plugins
7:25:50 PM: - @netlify/plugin-nextjs@1.0.3 from netlify.toml and package.json
7:25:51 PM:
7:25:51 PM: ────────────────────────────────────────────────────────────────
7:25:51 PM: 1. onPreBuild command from @netlify/plugin-nextjs
7:25:51 PM: ────────────────────────────────────────────────────────────────
7:25:51 PM:
7:25:51 PM: ** Warning: support for Next.js >=10.0.0 is experimental **
7:25:51 PM: ** Adding next.config.js with target set to ‘serverless’ **
7:25:51 PM:
7:25:51 PM: (@netlify/plugin-nextjs onPreBuild completed in 10ms)
7:25:51 PM:
7:25:51 PM: ────────────────────────────────────────────────────────────────
7:25:51 PM: 2. build.command from netlify.toml
7:25:51 PM: ────────────────────────────────────────────────────────────────
7:25:51 PM:
7:25:51 PM: $ npm run build
7:25:51 PM: > app-hrms@1.0.0 build /opt/build/repo
7:25:51 PM: > next build
7:25:52 PM: Loaded env from /opt/build/repo/.env
7:25:52 PM: warn - No build cache found. Please configure build caching for faster rebuilds. Read more: no-cache | Next.js
7:25:52 PM: info - Creating an optimized production build…
7:26:15 PM: warn - Compiled with warnings
7:26:15 PM: ./node_modules/next/dist/next-server/server/load-components.js
7:26:15 PM: Critical dependency: the request of a dependency is an expression
7:26:15 PM: ./node_modules/next/dist/next-server/server/load-components.js
7:26:15 PM: Critical dependency: the request of a dependency is an expression
7:26:15 PM: ./node_modules/next/dist/next-server/server/require.js
7:26:15 PM: Critical dependency: the request of a dependency is an expression
7:26:15 PM: ./node_modules/next/dist/next-server/server/require.js
7:26:15 PM: Critical dependency: the request of a dependency is an expression
7:26:15 PM: ./node_modules/next/dist/next-server/server/require.js
7:26:15 PM: Critical dependency: the request of a dependency is an expression
7:26:15 PM: ./node_modules/node-fetch/lib/index.js
7:26:15 PM: Module not found: Can’t resolve ‘encoding’ in ‘/opt/build/repo/node_modules/node-fetch/lib’
7:26:15 PM: info - Collecting page data…
7:26:16 PM: info - Generating static pages (0/2)
7:26:17 PM: info - Generating static pages (2/2)
7:26:17 PM: info - Finalizing page optimization…
7:26:17 PM: Page Size First Load JS
7:26:17 PM: ┌ ○ / 12.4 kB 75.1 kB
7:26:17 PM: ├ /_app 0 B 62.7 kB
7:26:17 PM: ├ ○ /404 3.01 kB 65.7 kB
7:26:17 PM: ├ λ /api/login 0 B 62.7 kB
7:26:17 PM: ├ λ /api/logout 0 B 62.7 kB
7:26:17 PM: └ λ /dashboard 4.81 kB 67.5 kB
7:26:17 PM: + First Load JS shared by all 62.7 kB
7:26:17 PM: ├ chunks/commons.9b549c.js 12.8 kB
7:26:17 PM: ├ chunks/framework.08d108.js 42.1 kB
7:26:17 PM: ├ chunks/main.71f255.js 6.55 kB
7:26:17 PM: ├ chunks/pages/_app.3d4ac7.js 526 B
7:26:17 PM: ├ chunks/webpack.95c2b2.js 751 B
7:26:17 PM: └ css/a42914e8e93ff3ff3368.css 4.27 kB
7:26:17 PM: λ (Lambda) server-side renders at runtime (uses getInitialProps or getServerSideProps)
7:26:17 PM: ○ (Static) automatically rendered as static HTML (uses no initial props)
7:26:17 PM: ● (SSG) automatically generated as static HTML + JSON (uses getStaticProps)
7:26:17 PM: (ISR) incremental static regeneration (uses revalidate in getStaticProps)
7:26:17 PM:
7:26:17 PM: (build.command completed in 25.9s)
7:26:17 PM:
7:26:17 PM: ────────────────────────────────────────────────────────────────
7:26:17 PM: 3. onBuild command from @netlify/plugin-nextjs
7:26:17 PM: ────────────────────────────────────────────────────────────────
7:26:17 PM:
7:26:17 PM: ** Running Next on Netlify package **
7:26:17 PM: Next on Netlify
7:26:17 PM: Functions directory: netlify-automatic-functions
7:26:17 PM: Publish directory: /opt/build/repo
7:26:17 PM: Make sure these are set in your netlify.toml file.
7:26:17 PM: Copying public/ folder to /opt/build/repo
7:26:17 PM: Copying static NextJS assets to /opt/build/repo
7:26:17 PM: Setting up API endpoints as Netlify Functions in netlify-automatic-functions
7:26:17 PM: Setting up pages with getInitialProps as Netlify Functions in netlify-automatic-functions
7:26:17 PM: Setting up pages with getServerSideProps as Netlify Functions in netlify-automatic-functions
7:26:17 PM: Copying pre-rendered pages with getStaticProps and JSON data to /opt/build/repo
7:26:17 PM: Setting up pages with getStaticProps and fallback: true as Netlify Functions in netlify-automatic-functions
7:26:17 PM: Setting up pages with getStaticProps and revalidation interval as Netlify Functions in netlify-automatic-functions
7:26:17 PM: Copying pre-rendered pages without props to /opt/build/repo
7:26:17 PM: Setting up redirects
7:26:17 PM:
7:26:17 PM: (@netlify/plugin-nextjs onBuild completed in 147ms)
7:26:17 PM:
7:26:17 PM: ────────────────────────────────────────────────────────────────
7:26:17 PM: 4. Functions bundling
7:26:17 PM: ────────────────────────────────────────────────────────────────
7:26:17 PM:
7:26:17 PM: Packaging Functions from netlify-automatic-functions directory:
7:26:17 PM: - next_api_login/next_api_login.js
7:26:17 PM: - next_api_logout/next_api_logout.js
7:26:17 PM: - next_dashboard/next_dashboard.js
7:26:22 PM:
7:26:22 PM: ────────────────────────────────────────────────────────────────
7:26:22 PM: Dependencies installation error
7:26:22 PM: ────────────────────────────────────────────────────────────────
7:26:22 PM:
7:26:22 PM: Error message
7:26:22 PM: A Netlify Function failed to require one of its dependencies.
7:26:22 PM: If the dependency is a Node module, please make sure it is present in the site’s top-level “package.json”. If it is a local file instead, please make sure the file exists and its filename is correctly spelled.
7:26:22 PM:
7:26:22 PM: In file “/opt/build/repo/netlify-automatic-functions/next_dashboard/next_dashboard.js”
7:26:22 PM: Cannot find module ‘critters’
7:26:22 PM: Require stack:
7:26:22 PM: - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/node_modules/@netlify/zip-it-and-ship-it/src/resolve.js
7:26:22 PM: - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/node_modules/@netlify/zip-it-and-ship-it/src/dependencies.js
7:26:22 PM: - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/node_modules/@netlify/zip-it-and-ship-it/src/main.js
7:26:22 PM: - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/src/plugins_core/functions/index.js
7:26:22 PM: - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/src/commands/get.js
7:26:22 PM: - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/src/core/main.js
7:26:22 PM: - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/src/core/bin.js
7:26:22 PM:
7:26:22 PM: Resolved config
7:26:22 PM: build:
7:26:22 PM: command: npm run build
7:26:22 PM: commandOrigin: config
7:26:22 PM: environment:
7:26:22 PM: - APPLICATION_COOKIE_NAME
7:26:22 PM: - APPLICATION_SECRET
7:26:22 PM: - NEXT_APP_APPLICATION_SECRET
7:26:22 PM: plugins:
7:26:22 PM: - inputs: {}
7:26:22 PM: origin: config
7:26:22 PM: package: ‘@netlify/plugin-nextjs’
7:26:22 PM: Caching artifacts
7:26:22 PM: Started saving node modules
7:26:22 PM: Finished saving node modules
7:26:22 PM: Started saving build plugins
7:26:22 PM: Finished saving build plugins
7:26:22 PM: Started saving yarn cache
7:26:22 PM: Finished saving yarn cache
7:26:22 PM: Started saving pip cache
7:26:22 PM: Finished saving pip cache
7:26:22 PM: Started saving emacs cask dependencies
7:26:22 PM: Finished saving emacs cask dependencies
7:26:22 PM: Started saving maven dependencies
7:26:22 PM: Finished saving maven dependencies
7:26:22 PM: Started saving boot dependencies
7:26:22 PM: Finished saving boot dependencies
7:26:22 PM: Started saving rust rustup cache
7:26:22 PM: Finished saving rust rustup cache
7:26:22 PM: Started saving rust cargo bin cache
7:26:22 PM: Finished saving rust cargo bin cache
7:26:22 PM: Started saving go dependencies
7:26:22 PM: Finished saving go dependencies
7:26:25 PM: Build failed due to a user error: Build script returned non-zero exit code: 2
7:26:25 PM: Failing build: Failed to build site
7:26:25 PM: Failed during stage ‘building site’: Build script returned non-zero exit code: 2
7:26:25 PM: Finished processing build request in 1m7.331918145s

hrishikesh · December 24, 2020, 6:57pm

Just like the error says, do you have that module in package.json?

rbardini · December 25, 2020, 12:06pm

I just had the exact same problem. Looks like Next.js’ Webpack config tries to load critters even though it’s not listed as a dependency.

Installing critters as a dev dependency fixed it for me, but changing CSS optimization settings might also work.

Antonytm · January 8, 2021, 4:14pm

@hrishikesh and @rbardini

I got the same issue.
Installing of critters as dev dependency fixed for me.

But that looks like hack, not the proper solution. Next-on-netlify package has dependency on critters, not mine code. That is why, I think it should be fixed in Next-on-netlify.

erez · January 12, 2021, 10:41am

Hello all
You can see an update on this issue here:

github.com/vercel/next.js

Serverless build requires missing critters dependency, which causes netlify deploy to fail

opened 03:20PM - 04 Jan 21 UTC

closed 04:36PM - 13 Jan 21 UTC

frigus02

template: bug

**What version of Next.js are you using?** 10.0.4 **What version of Node.js ar…e you using?** 15.5.0 **What browser are you using?** any **What operating system are you using?** macOS, Linux **How are you deploying your application?** next build && next-on-netlify && netlify deploy **Describe the Bug** We deploy a Next.js application using the serverless target to Netlify. It worked on 10.0.3, but fails on 10.0.4. The `netlify deploy` command errors with: ``` $ /node_modules/.bin/netlify deploy -d out_publish -f out_functions --prod Deploy path: /out_publish Functions path: /out_functions Configuration path: /netlify.toml Deploying to main site URL... - Hashing files... › Warning: › { › "code": "MODULE_NOT_FOUND", › "requireStack": [...] › } › Error: In file "/out_functions/next_advancedsearch/next_advancedsearch.js": Cannot find module 'critters' Require stack: - /node_modules/@netlify/zip-it-and-ship-it/src/resolve.js - ... /node_modules/netlify-cli/bin/run Code: MODULE_NOT_FOUND ``` It seems the issue is that a `require("critters")` is added to the `next build` serverless output. We can see that here: ``` $ rg critters .next/ ... .next/serverless/pages/advanced-search.js 52206:module.exports = require("critters"); ... ``` We assume this is because the following code is not removed by the JS minifier: https://github.com/vercel/next.js/blob/ad1150d2d1810c2d59d29fdb9ba216942a2fa836/packages/next/next-server/server/render.tsx#L1093-L1095 We tried to change this to use the environment variable which caused the code to be removed on the next build. But we haven't tested if the optimizeCss feature still works 🙂. ```ts if (process.env.__NEXT_OPTIMIZE_CSS) { ``` The issue has also been reported here: <https://community.netlify.com/t/issue-while-deploying-next-app/28861>. As mentioned installing "critters" as a dev dependency is another workaround. Our understanding is that this is an issue of Next.js. Please let us know if we should report this on the Netlify CLI instead. **Expected Behavior** The next build output does not include critters if the optimizeCss feature is not enabled. **To Reproduce** Create example app: ``` yarn create next-app ``` Change build target to serverless: ```js // next.config.js module.exports = { target: "serverless" }; ``` Build and find critters in the output: ``` next build rg critters .next/ ``` To reproduce the Netlify error install `next-on-netlify` and `netlify-cli` and attempt to deploy the application: ``` next-on-netlify netlify deploy -d out_publish -f out_functions ```

TLDR: We published a fix for this to the CLI and build system and have an ongoing discussion on how to avoid such cases in the future.

bomzj · January 26, 2021, 1:23pm

I have similar issues with deployment on Netlify, but with different dependency ‘encoding’. I discovered that once I added faunadb to my project.

:46:12 PM: ────────────────────────────────────────────────────────────────
3:46:12 PM:   2. Functions bundling                                         
3:46:12 PM: ────────────────────────────────────────────────────────────────
3:46:12 PM: 
3:46:12 PM: Packaging Functions from lambda directory:
3:46:12 PM:  - currency-rates.js
3:46:12 PM:  - proxy-fetch.js
3:46:12 PM:  - send-mail.js
3:46:14 PM: 
3:46:14 PM: ────────────────────────────────────────────────────────────────
3:46:14 PM:   Dependencies installation error                               
3:46:14 PM: ────────────────────────────────────────────────────────────────
3:46:14 PM: 
3:46:14 PM:   Error message
3:46:14 PM:   A Netlify Function failed to require one of its dependencies.
3:46:14 PM:   If the dependency is a Node module, please make sure it is present in the site's top-level "package.json".
  If it is a local file instead, please make sure the file exists and its filename is correctly spelled.
3:46:14 PM: 
3:46:14 PM:   In file "/opt/build/repo/lambda/currency-rates.js"
3:46:14 PM:   Cannot find module 'encoding'
3:46:14 PM:   Require stack:
3:46:14 PM:   - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/node_modules/@netlify/zip-it-and-ship-it/src/node_dependencies/resolve.js
3:46:14 PM:   - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/node_modules/@netlify/zip-it-and-ship-it/src/node_dependencies/index.js
3:46:14 PM:   - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/node_modules/@netlify/zip-it-and-ship-it/src/main.js
3:46:14 PM:   - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/src/plugins_core/functions/index.js
3:46:14 PM:   - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/src/commands/get.js
3:46:14 PM:   - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/src/core/main.js
3:46:14 PM:   - /opt/buildhome/.netlify-build-nvm/versions/node/v12.16.3/lib/node_modules/@netlify/build/src/core/bin.js
3:46:14 PM: 
3:46:14 PM:   Resolved config
3:46:14 PM:   build:
3:46:14 PM:     command: npm run build
3:46:14 PM:     commandOrigin: ui
3:46:14 PM:     functions: /opt/build/repo/lambda
3:46:14 PM:     publish: /opt/build/repo/dist

erez · January 26, 2021, 2:53pm

Thanks @bomzj, let’s track this issue under Lambda Functions bundling failed due to non required 'encoding' module · Issue #309 · netlify/zip-it-and-ship-it · GitHub