serverless-next.js: Started getting the Error: Cannot find module '@sls-next/next-aws-cloudfront'

Describe the bug My deployments have been working well on AWS being ran by code build. Today I suddenly got an error for my builds on two separate AWS instances with the error:

{ Error: Cannot find module '@sls-next/next-aws-cloudfront'
--
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.resolve (internal/modules/cjs/helpers.js:33:19)
at Builder.<anonymous> (/root/.serverless/components/registry/npm/serverless-next.js@1.15.0-alpha.2/node_modules/@sls-next/lambda-at-edge/dist/build.js:119:49)
at Generator.next (<anonymous>)
at /root/.serverless/components/registry/npm/serverless-next.js@1.15.0-alpha.2/node_modules/@sls-next/lambda-at-edge/dist/build.js:8:71
at new Promise (<anonymous>)
at __awaiter (/root/.serverless/components/registry/npm/serverless-next.js@1.15.0-alpha.2/node_modules/@sls-next/lambda-at-edge/dist/build.js:4:12)
at Builder.buildDefaultLambda (/root/.serverless/components/registry/npm/serverless-next.js@1.15.0-alpha.2/node_modules/@sls-next/lambda-at-edge/dist/build.js:98:16)
at Builder.<anonymous> (/root/.serverless/components/registry/npm/serverless-next.js@1.15.0-alpha.2/node_modules/@sls-next/lambda-at-edge/dist/build.js:266:24)
at Generator.next (<anonymous>) code: 'MODULE_NOT_FOUND' }
·[G·[?25h·[G·[J
64s › myApp › Error: Cannot find module '@sls-next/next-aws-cloudfront'

Expected behaviour Ideally the deployment should give a success and output the cloudfront link.

Additional context I haven’t had any package related issue with the package and I’m running using the following in my package JSON.

    "serverless": "^1.67.0",
    "serverless-next.js": "^1.9.5",

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Reactions: 10
  • Comments: 17 (6 by maintainers)

Most upvoted comments

Hi folks, please pin the version number in your serverless.yml like it states in the README. For example:

myNextApplication:
  component: "serverless-next.js@1.9.5"
+12
danielcondemarin on Jul 1, 2020

Thank you @danielcondemarin , it worked nicely after deleting existing cloudfront distribution and lambdas.

# serverless.yml
myApp:
 component: "@sls-next/serverless-component@1.15.1"

and my lambdas are named properly now. 🎉🎉🎉

+3
zoozalp on Jul 12, 2020

it worked for me by replacing

# serverless.yml
myApp:
 component: serverless-next.js

to

# serverless.yml
myApp:
 component: "serverless-next.js@1.9.5"

Just be aware 1.9.5 is 5 minor versions behind… Suggest using 1.14.0 or 1.15.0-alpha.1(last known good before breaking changes)

+3
dmsolutionz on Jul 2, 2020

Hi, is there any way of not deleting the existing stack, and solving this issue? I’ve just cloned my repo from a new machine and tried to deploy locally and it failed. (same serverless version and node version)

nextApp:
  component: "serverless-next.js@1.10.0"

Here is the stack trace:


npx serverless

  error:
  Error: Cannot find module '@sls-next/next-aws-cloudfront'
Require stack:
- /Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/build.js
- /Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/index.js
- /Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/serverless-next.js/serverless.js
- /Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/node_modules/@serverless/core/src/Component.js
- /Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/node_modules/@serverless/core/src/index.js
- /Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/node_modules/@serverless/cli/src/index.js
- /Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/bin/serverless.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:793:17)
    at Function.resolve (internal/modules/cjs/helpers.js:80:19)
    at Builder.<anonymous> (/Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/build.js:119:49)
    at Generator.next (<anonymous>)
    at /Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/build.js:8:71
    at new Promise (<anonymous>)
    at __awaiter (/Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/build.js:4:12)
    at Builder.buildDefaultLambda (/Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/build.js:98:16)
    at Builder.<anonymous> (/Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/build.js:266:24)
    at Generator.next (<anonymous>) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/build.js',
    '/Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/index.js',
    '/Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/serverless-next.js/serverless.js',
    '/Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/node_modules/@serverless/core/src/Component.js',
    '/Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/node_modules/@serverless/core/src/index.js',
    '/Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/node_modules/@serverless/cli/src/index.js',
    '/Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/bin/serverless.js'
  ]
}

  23s › database › Error: Cannot find module '@sls-next/next-aws-cloudfront'
Require stack:
- /Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/build.js
- /Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/@sls-next/lambda-at-edge/dist/index.js
- /Users/****/.serverless/components/registry/npm/serverless-next.js@1.10.0/node_modules/serverless-next.js/serverless.js
- /Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/node_modules/@serverless/core/src/Component.js
- /Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/node_modules/@serverless/core/src/index.js
- /Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/node_modules/@serverless/cli/src/index.js
- /Users/****/.nvm/versions/node/v12.14.1/lib/node_modules/serverless/bin/serverless.js

One thing that does worry me a bit is that it’s trying to access my global npm modules and searching there instead of using the local npm modules in the repository.

Any ideas on how to solve this?

+1
Arditc on Sep 5, 2020

it worked for me by replacing

# serverless.yml
myApp:
 component: serverless-next.js

to

# serverless.yml
myApp:
 component: "serverless-next.js@1.9.5"
+1
alan345 on Jul 2, 2020

I don’t know what to put in my serverless.yml. All I have is component: serverless-next.js under myApp, and I don’t seem to have a serverless-next package installed. Also, the instructions on serverless.com say this:

# serverless.yml
myApp:
 component: serverless-next.js

How do I find the version of serverless-next that I should pin it to in my serverless.yml?

+1
jeffmarshall on Jul 1, 2020

Thanks it works.

Must be a new config from when I plugged in the package into my project. I followed the docs when they were at this state: https://github.com/serverless-nextjs/serverless-next.js/blob/ed2b3beda852a3ed55789d167cb378cdbe690d53/README.md. Haven’t had a need to look at them since then.

<div> GitHub</div><div>serverless-nextjs/serverless-next.js</div><div>⚡ Deploy your next apps using the serverless framework - serverless-nextjs/serverless-next.js</div>
+1
muthuridennis on Jul 1, 2020
Read more comments on GitHub
← serverless-next.js: serverless remove Error: Cannot find module '/root/.serverless/components/registry/npm/@sls-next/serverless-component@1.18.0-alpha.18/node_modules/@sls-next/serverless-component'
serverless-next.js: The Lambda function associated with the CloudFront distribution is invalid or doesn't have the required permissions. →