spectatorx

spectatorx

Member Since 1 Year Ago

Experience Points
560
Total
Experience

4,440 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed
0
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start your engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-in-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • evangelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

Level 1
560 XP
Mar
29
4 months ago
Activity icon

Started a new Conversation Error While Trying To Run Npm Watch, Possible Incompatibility?

I'm working now on code i took from github and while i try to run npm watch i'm getting huge error message which i completely do not understand. I've tried to google pieces of these error messages but found answers also do not make much sense. Maybe anyone in here would want to help to understand what am i supposed to do to fix it? Error message:

ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Incompatible units rem and px.
    ╷
729 │ $nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
    │                                     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
  node_modules/bootstrap/scss/_variables.scss 729:37  @import
  node_modules/bootstrap/scss/bootstrap.scss 9:9      @import
  /var/www/html/lvforum/resources/sass/app.scss 9:9                                           root stylesheet
    at /var/www/html/lvforum/node_modules/webpack/lib/NormalModule.js:316:20
    at /var/www/html/lvforum/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /var/www/html/lvforum/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/var/www/html/lvforum/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /var/www/html/lvforum/node_modules/sass-loader/dist/index.js:73:7
    at Function.call (/var/www/html/lvforum/node_modules/sass/sass.dart.js:87203:16)
    at _render_closure1.call (/var/www/html/lvforum/node_modules/sass/sass.dart.js:76994:12)
    at _RootZone.runBinary (/var/www/html/lvforum/node_modules/sass/sass.dart.js:25521:18)
    at _RootZone.runBinary (/var/www/html/lvforum/node_modules/sass/sass.dart.js:25525:19)
    at _FutureListener.handleError (/var/www/html/lvforum/node_modules/sass/sass.dart.js:23975:19)
    at _Future__propagateToListeners_handleError.callLARACASTS_SNIPPET_PLACEHOLDER (/var/www/html/lvforum/node_modules/sass/sass.dart.js:24271:40)
    at Object._Future__propagateToListeners (/var/www/html/lvforum/node_modules/sass/sass.dart.js:3500:88)
    at _Future._completeError (/var/www/html/lvforum/node_modules/sass/sass.dart.js:24099:9)
    at _AsyncAwaitCompleter.completeError (/var/www/html/lvforum/node_modules/sass/sass.dart.js:23491:12)
    at Object._asyncRethrow (/var/www/html/lvforum/node_modules/sass/sass.dart.js:3256:17)
    at /var/www/html/lvforum/node_modules/sass/sass.dart.js:13326:20
    at _wrapJsFunctionForAsync_closure.$protected (/var/www/html/lvforum/node_modules/sass/sass.dart.js:3279:15)
    at _wrapJsFunctionForAsync_closure.call (/var/www/html/lvforum/node_modules/sass/sass.dart.js:23512:12)
    at _awaitOnObject_closure0.call (/var/www/html/lvforum/node_modules/sass/sass.dart.js:23504:25)
    at _RootZone.runBinary (/var/www/html/lvforum/node_modules/sass/sass.dart.js:25521:18)
    at _RootZone.runBinary (/var/www/html/lvforum/node_modules/sass/sass.dart.js:25525:19)
    at _FutureListener.handleError (/var/www/html/lvforum/node_modules/sass/sass.dart.js:23975:19)
    at _Future__propagateToListeners_handleError.callLARACASTS_SNIPPET_PLACEHOLDER (/var/www/html/lvforum/node_modules/sass/sass.dart.js:24271:40)
    at Object._Future__propagateToListeners (/var/www/html/lvforum/node_modules/sass/sass.dart.js:3500:88)
    at _Future._completeError (/var/www/html/lvforum/node_modules/sass/sass.dart.js:24099:9)
    at _AsyncAwaitCompleter.completeError (/var/www/html/lvforum/node_modules/sass/sass.dart.js:23491:12)
    at Object._asyncRethrow (/var/www/html/lvforum/node_modules/sass/sass.dart.js:3256:17)
    at /var/www/html/lvforum/node_modules/sass/sass.dart.js:15981:20
    at _wrapJsFunctionForAsync_closure.$protected (/var/www/html/lvforum/node_modules/sass/sass.dart.js:3279:15)
    at _wrapJsFunctionForAsync_closure.call (/var/www/html/lvforum/node_modules/sass/sass.dart.js:23512:12)
    at _awaitOnObject_closure0.call (/var/www/html/lvforum/node_modules/sass/sass.dart.js:23504:25)
    at _RootZone.runBinary (/var/www/html/lvforum/node_modules/sass/sass.dart.js:25521:18)
    at _RootZone.runBinary (/var/www/html/lvforum/node_modules/sass/sass.dart.js:25525:19)
    at _FutureListener.handleError (/var/www/html/lvforum/node_modules/sass/sass.dart.js:23975:19)
    at _Future__propagateToListeners_handleError.callLARACASTS_SNIPPET_PLACEHOLDER (/var/www/html/lvforum/node_modules/sass/sass.dart.js:24271:40)
    at Object._Future__propagateToListeners (/var/www/html/lvforum/node_modules/sass/sass.dart.js:3500:88)
 @ ./resources/sass/app.scss

ERROR in ./resources/sass/app.scss (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/dist/cjs.js??ref--5-5!./resources/sass/app.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Incompatible units rem and px.
    ╷
729 │ $nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
    │                                     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
  node_modules/bootstrap/scss/_variables.scss 729:37  @import
  node_modules/bootstrap/scss/bootstrap.scss 9:9      @import
  /var/www/html/lvforum/resources/sass/app.scss 9:9                                           root stylesheet
 @ ./resources/sass/app.scss 2:14-253

Do i understand correctly there seem to be problems in code in files located in node_modules? This doesn't make sense to me as i even removed that folder and run npm install to install all dependencies again. Sorry if that is obvious to you what is happening in here but i am clueless and that's why i am making this thread.

This is content of my /resources/sass/app.scss (i've removed it from code snippet tags as for some reason this snippet was embedding into error code snippet above, weird):

// Fonts @import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);

// Variables @import "variables";

// Bootstrap @import '~bootstrap/scss/bootstrap';

// Custom @import "custom";