DEV Community

Discussion on: How to Locomotive Scroll and Nuxt (with example and gotchas)

Collapse
 
jatindev834 profile image
jatindev834

i follow your steps. i facing something sass loader issue as below. I'm trying to solve but will be good for me if you help me solve.

× Client
Compiled with some errors in 9.24s

√ Server
Compiled successfully in 8.19s

ERROR Failed to compile with 1 errors friendly-errors 20:36:42

ERROR in ./LocomotiveScroll/component/index.vue?vue&type=style&index=0&lang=scss& friendly-errors 20:36:42

Module build failed (from ./node_modules/sass-loader/dist/cjs.js): friendly-errors 20:36:42
TypeError: this.getOptions is not a function
at Object.loader (F:\xampp_7.3.28\htdocs\jarawarefront\node_modules\sass-loader\dist\index.js:25:24)
friendly-errors 20:36:42
@ ./node_modules/vue-style-loader??ref--7-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!./node_modules/vue-loader/lib??vue-loader-options!./LocomotiveScroll/component/index.vue?vue&type=style&index=0&lang=scss& 4:14-382 14:3-18:5 15:22-390
@ ./LocomotiveScroll/component/index.vue?vue&type=style&index=0&lang=scss&
@ ./LocomotiveScroll/component/index.vue
@ ./plugins/both.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
friendly-errors 20:36:42
i Waiting for file changes 20:36:43

READY Server listening on localhost:3000

Collapse
 
didomarchet profile image
Davide Marchet

Hi,
unfortunately i cannot replicate your issue.
Maybe you need to update something like node version or npm version?

Have a nice day and regards,

Davide