Can't resolve Plugin "netlify-plugin-lazy-load-images" internal error

Support Build Plugins
,
1

Hello Netlify Community
The Project I am working on won’t successfully build and it is giving me this error

  • Plugin “netlify-plugin-lazy-load-images” internal error

Error: Could not import plugin: The module ‘/opt/build/repo/node_modules/canvas/build/Release/canvas.node’ was compiled against a different Node.js version using NODE_MODULE_VERSION 64. This version of Node.js requires NODE_MODULE_VERSION 72. Please try re-compiling or re-installing the module (for instance, using npm rebuild or npm install ).

While loading “netlify-plugin-lazy-load-images” from netlify.toml and package.json at Object.Module._extensions…node (internal/modules/cjs/loader.js:1057:18) at Module.load (internal/modules/cjs/loader.js:863:32) at Function.Module._load (internal/modules/cjs/loader.js:708:14) at Module.require (internal/modules/cjs/loader.js:887:19) at require (internal/modules/cjs/helpers.js:74:18) at Object. (/opt/build/repo/node_modules/canvas/lib/bindings.js:3:18) at Module._compile (internal/modules/cjs/loader.js:999:30) at Object.Module._extensions…js (internal/modules/cjs/loader.js:1027:10) at Module.load (internal/modules/cjs/loader.js:863:32) at Function.Module._load (internal/modules/cjs/loader.js:708:14)

I have already tried npm rebuild and npm install as it suggest but it still has the problem.
I haven’t modified anything within the config or toml files.

Here is the full error logs

9:08:46 PM: Build ready to start
9:08:48 PM: build-image version: fd3b56fcdbaad56e70919e8a4b2da9b411ec3532 (xenial)
9:08:48 PM: build-image tag: v3.10.1
9:08:48 PM: buildbot version: 8f416f177fb64a64bdcda22658562e49fea3653f
9:08:48 PM: Fetching cached dependencies
9:08:48 PM: Starting to download cache of 1.3GB
9:08:54 PM: Finished downloading cache in 6.261791522s
9:08:54 PM: Starting to extract cache
9:09:14 PM: Finished extracting cache in 19.647039128s
9:09:14 PM: Finished fetching cache in 26.196260048s
9:09:14 PM: Starting to prepare the repo for build
9:09:15 PM: Preparing Git Reference refs/heads/feature/mktg-154-symph-website-changes-in-navigation-bar
9:09:21 PM: Parsing package.json dependencies
9:09:21 PM: Different build command detected, going to use the one specified in the Netlify configuration file: ‘eleventy’ versus ‘eleventy build’ in the Netlify UI
9:09:21 PM: Starting build script
9:09:21 PM: Installing dependencies
9:09:21 PM: Python version set to 2.7
9:09:22 PM: Started restoring cached node version
9:09:25 PM: Finished restoring cached node version
9:09:25 PM: Attempting node version ‘10’ from .nvmrc
9:09:26 PM: v10.24.1 is already installed.
9:09:26 PM: Now using node v10.24.1 (npm v6.14.12)
9:09:27 PM: Started restoring cached build plugins
9:09:27 PM: Finished restoring cached build plugins
9:09:27 PM: Attempting ruby version 2.7.1, read from environment
9:09:27 PM: Started restoring cached ruby version
9:09:27 PM: Finished restoring cached ruby version
9:09:30 PM: Using ruby version 2.7.1
9:09:30 PM: Using PHP version 5.6
9:09:30 PM: Started restoring cached node modules
9:09:30 PM: Finished restoring cached node modules
9:09:30 PM: Started restoring cached go cache
9:09:30 PM: Finished restoring cached go cache
9:09:31 PM: go version go1.14.4 linux/amd64
9:09:31 PM: go version go1.14.4 linux/amd64
9:09:31 PM: Installing missing commands
9:09:31 PM: Verify run directory
9:09:32 PM: ​
9:09:32 PM: ────────────────────────────────────────────────────────────────
9:09:32 PM: Netlify Build
9:09:32 PM: ────────────────────────────────────────────────────────────────
9:09:32 PM: ​
9:09:32 PM: ❯ Version
9:09:32 PM: @netlify/build 19.0.3
9:09:32 PM: ​
9:09:32 PM: ❯ Flags
9:09:32 PM: baseRelDir: true
9:09:32 PM: buildId: 619f8ade117bd30007de0631
9:09:32 PM: deployId: 619f8ade117bd30007de0633
9:09:32 PM: ​
9:09:32 PM: ❯ Current directory
9:09:32 PM: /opt/build/repo
9:09:32 PM: ​
9:09:32 PM: ❯ Config file
9:09:32 PM: /opt/build/repo/netlify.toml
9:09:32 PM: ​
9:09:32 PM: ❯ Context
9:09:32 PM: branch-deploy
9:09:32 PM: ​
9:09:32 PM: ❯ Loading plugins
9:09:32 PM: - netlify-plugin-lazy-load-images@0.3.4 from netlify.toml and package.json
9:09:33 PM: ​
9:09:33 PM: ────────────────────────────────────────────────────────────────
9:09:33 PM: Plugin “netlify-plugin-lazy-load-images” internal error
9:09:33 PM: ────────────────────────────────────────────────────────────────
9:09:33 PM: ​
9:09:33 PM: Error message
9:09:33 PM: Error: Could not import plugin:
9:09:33 PM: The module ‘/opt/build/repo/node_modules/canvas/build/Release/canvas.node’
9:09:33 PM: was compiled against a different Node.js version using
9:09:33 PM: NODE_MODULE_VERSION 64. This version of Node.js requires
9:09:33 PM: NODE_MODULE_VERSION 72. Please try re-compiling or re-installing
9:09:33 PM: the module (for instance, using npm rebuild or npm install).
9:09:33 PM: ​
9:09:33 PM: Plugin details
9:09:33 PM: Package: netlify-plugin-lazy-load-images
9:09:33 PM: Version: 0.3.4
9:09:33 PM: Repository: git+https://github.com/manister/netlify-plugin-lazy-load-images.git
9:09:33 PM: npm link: netlify-plugin-lazy-load-images - npm
9:09:33 PM: Report issues: https://github.com/manister/netlify-plugin-lazy-load-images/issues
9:09:33 PM: ​
9:09:33 PM: Error location
9:09:33 PM: While loading “netlify-plugin-lazy-load-images” from netlify.toml and package.json
9:09:33 PM: at Object.Module._extensions…node (internal/modules/cjs/loader.js:1057:18)
9:09:33 PM: at Module.load (internal/modules/cjs/loader.js:863:32)
9:09:33 PM: at Function.Module._load (internal/modules/cjs/loader.js:708:14)
9:09:33 PM: at Module.require (internal/modules/cjs/loader.js:887:19)
9:09:33 PM: at require (internal/modules/cjs/helpers.js:74:18)
9:09:33 PM: at Object. (/opt/build/repo/node_modules/canvas/lib/bindings.js:3:18)
9:09:33 PM: at Module._compile (internal/modules/cjs/loader.js:999:30)
9:09:33 PM: at Object.Module._extensions…js (internal/modules/cjs/loader.js:1027:10)
9:09:33 PM: at Module.load (internal/modules/cjs/loader.js:863:32)
9:09:33 PM: at Function.Module._load (internal/modules/cjs/loader.js:708:14)
9:09:33 PM: ​
9:09:33 PM: Resolved config
9:09:33 PM: build:
9:09:33 PM: command: eleventy
9:09:33 PM: commandOrigin: config
9:09:33 PM: publish: /opt/build/repo/_site
9:09:33 PM: publishOrigin: config
9:09:33 PM: headers:
9:09:33 PM: - for: /*
values:
cache-control: max-age=10, must-revalidate
headersOrigin: config
plugins:
- inputs: {}
origin: config
package: netlify-plugin-lazy-load-images
Caching artifacts
9:09:33 PM: Started saving node modules
9:09:33 PM: Finished saving node modules
9:09:33 PM: Started saving build plugins
9:09:33 PM: Finished saving build plugins
9:09:33 PM: Started saving pip cache
9:09:33 PM: Finished saving pip cache
9:09:33 PM: Started saving emacs cask dependencies
9:09:33 PM: Finished saving emacs cask dependencies
9:09:33 PM: Started saving maven dependencies
9:09:33 PM: Finished saving maven dependencies
9:09:33 PM: Started saving boot dependencies
9:09:33 PM: Finished saving boot dependencies
9:09:33 PM: Started saving rust rustup cache
9:09:33 PM: Finished saving rust rustup cache
9:09:33 PM: Started saving go dependencies
9:09:33 PM: Finished saving go dependencies
9:09:33 PM: Build failed due to a plugin error: Build script returned non-zero exit code: 3
9:09:34 PM: Creating deploy upload records
9:09:34 PM: Failing build: Failed to build site
9:09:34 PM: Failed during stage ‘building site’: Build script returned non-zero exit code: 3
9:09:34 PM: Finished processing build request in 45.683064437s

2

Hey there!

Sorry to hear you are encountering an issue. Can you share your Netlify site as well as your repo so that we can look into this further?

Thank you!

3

Hi Thanks for responding Hillary

this is the repo (bitbucket): https://bitbucket.org/symph/symph-blog/src/master/
and the netlify site: Netlify App

the netlify site is a staging site to build the development branches before pushing to the main branch

4

Unfortunately the repository you shared @Kyle-Symph is private. I can understand you may not wish to make it public. Are you able to create a minimal reproduction in a public repository?

This isn’t a Netlify plugin, and the repository hasn’t seen a lot of attention for over a year now.

Have you tried updating the version of node used in the build which is current v10.24.1? NODE_MODULE_VERSION 72 starts at v12.8.0 (source Previous Releases | Node.js)

1 Like
5

ahh yes sorry It is a repo from a company im working on that’s why it is private,
this is really weird I haven’t really touched anything and the plugin didn’t even had any updates
though ill try to update the node version if this works

1 Like
6

@Kyle-Symph, thanks for following up. Let us know if @coelmay’s suggestion works :slight_smile:

7

Hi @hillary and @coelmay

I’m a colleague of Kyle and I tried the solution that was suggested by @coelmay.

Upgrading the node versions to v12.18.0 works but I needed to do “Clear cache and deploy site” to be able to fix the build issue.

I’ll let you know once this fix is deployed to live with no issues.

Thanks!