Documenting missing sharp module error

StephenMarkToms commented 4 years ago

Working off of the latest version of the repository and found a bug and a solution. Documenting here the bug and fix incase anyone else is having the issue:

error on build looks something like this: Cannot find module '/Users/stephentoms/Sites/Sutura/node_modules/responsive-loader/lib/index.js/sharp' Require stack:

/Users/stephentoms/Sites/Sutura/node_modules/@aceforth/nuxt-optimized-images/lib/loaders/responsive-loader.js
/Users/stephentoms/Sites/Sutura/node_modules/@aceforth/nuxt-optimized-images/lib/resource-queries.js
/Users/stephentoms/Sites/Sutura/node_modules/@aceforth/nuxt-optimized-images/lib/loaders/img-loader.js
/Users/stephentoms/Sites/Sutura/node_modules/@aceforth/nuxt-optimized-images/lib/loaders/index.js
/Users/stephentoms/Sites/Sutura/node_modules/@aceforth/nuxt-optimized-images/lib/index.js
/Users/stephentoms/Sites/Sutura/node_modules/@nuxt/core/dist/core.js
/Users/stephentoms/Sites/Sutura/node_modules/nuxt/dist/nuxt.js
/Users/stephentoms/Sites/Sutura/server/index.js

Error: Cannot find module 'node_modules/responsive-loader/lib/index.js/sharp' Require stack:
- node_modules/@aceforth/nuxt-optimized-images/lib/loaders/responsive-loader.js
- node_modules/@aceforth/nuxt-optimized-images/lib/resource-queries.js
- node_modules/@aceforth/nuxt-optimized-images/lib/loaders/img-loader.js
- node_modules/@aceforth/nuxt-optimized-images/lib/loaders/index.js
- node_modules/@aceforth/nuxt-optimized-images/lib/index.js
- node_modules/@nuxt/core/dist/core.js
- node_modules/nuxt/dist/nuxt.js
- server/index.js at getResponsiveLoaderOptions (node_modules/@aceforth/nuxt-optimized-images/lib/loaders/responsive-loader.js:18:15) at getResourceQueries (node_modules/@aceforth/nuxt-optimized-images/lib/resource-queries.js:133:26) at applyImgLoader (node_modules/@aceforth/nuxt-optimized-images/lib/loaders/img-loader.js:99:10) at appendLoaders (node_modules/@aceforth/nuxt-optimized-images/lib/loaders/index.js:134:14) at WebpackBundler. (node_modules/@aceforth/nuxt-optimized-images/lib/index.js:62:16) at next (node_modules/@nuxt/utils/dist/utils.js:1866:27) at WebpackBundler. (node_modules/@nuxt/utils/dist/utils.js:1881:12) at WebpackBundler. (node_modules/@nuxt/utils/dist/utils.js:1875:29) at WebpackServerConfig.extendConfig (node_modules/@nuxt/webpack/dist/webpack.js:4884:37) at WebpackServerConfig.config (node_modules/@nuxt/webpack/dist/webpack.js:4919:45)

Fix is to by installing responsive-loader as a dependency to the project till the dependency is updated in this package.

npm i responsive-loader@latest

fshareef commented 3 years ago

Thanks. This fixed the following error for me:

Something went wrong installing the "sharp" module

Cannot find module '../build/Release/sharp.node'

StephenMarkToms commented 3 years ago

Thanks. This fixed the following error for me:
Something went wrong installing the "sharp" module

Cannot find module '../build/Release/sharp.node'

Anytime! :)

juliomrqz / nuxt-optimized-images

Documenting missing sharp module error #268