Unable to install Sass v4.10 after run the command “ng add @angular/pwa”











up vote
0
down vote

favorite












I built a new project by using the command



"ng new Client --style=scss --routing"


After that, I ran the command



"ng add @angular/pwa"


Then I try to run



"npm start"


it pops up the below messages:



ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Error: Cannot find module 'node-sass'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
at Function.Module._load (internal/modules/cjs/loader.js:506:25)
at Module.require (internal/modules/cjs/loader.js:636:17)
at require (internal/modules/cjs/helpers.js:20:18)
at Object.sassLoader (C:xampphtdocsclientnode_modulessass-loaderlibloader.js:46:72) i 「wdm」: Failed to compile.


I tried to use the command



"npm install --unsafe-perm=true" 


then use



"npm install node-sass"


still came out error message:



2319 warn optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modulesfsevents):
2320 warn notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Valid OS: darwin
2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Valid Arch: any
2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Actual OS: win32
2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Actual Arch: x64
2322 warn optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.9.3 (node_modules@angular-devkitbuild-angularnode_modulesnode-sass):
2323 warn optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.9.3 postinstall: node scripts/build.js
2323 warn optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
2324 verbose optional SKIPPING OPTIONAL DEPENDENCY:
2324 verbose optional Failed at the node-sass@4.9.3 postinstall script.
2324 verbose optional SKIPPING OPTIONAL DEPENDENCY: This is probably not a problem with npm. There is likely additional logging output above.
2325 verbose stack Error: node-sass@4.10.0 postinstall: node scripts/build.js
2325 verbose stack Exit status 1
2325 verbose stack at EventEmitter. (C:Program Filesnodejsnode_modulesnpmnode_modulesnpm-lifecycleindex.js:301:16)
2325 verbose stack at EventEmitter.emit (events.js:182:13)
2325 verbose stack at ChildProcess. (C:Program Filesnodejsnode_modulesnpmnode_modulesnpm-lifecyclelibspawn.js:55:14)
2325 verbose stack at ChildProcess.emit (events.js:182:13)
2325 verbose stack at maybeClose (internal/child_process.js:962:16)
2325 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:251:5)
2326 verbose pkgid node-sass@4.10.0
2327 verbose cwd C:xampphtdocsclient
2328 verbose Windows_NT 6.1.7601
2329 verbose argv "C:Program Filesnodejsnode.exe" "C:Program Filesnodejsnode_modulesnpmbinnpm-cli.js" "install" "node-sass"
2330 verbose node v10.13.0
2331 verbose npm v6.4.1
2332 error code ELIFECYCLE
2333 error errno 1
2334 error node-sass@4.10.0 postinstall: node scripts/build.js
2334 error Exit status 1
2335 error Failed at the node-sass@4.10.0 postinstall script.
2335 error This is probably not a problem with npm. There is likely additional logging output above.
2336 verbose exit [ 1, true ]


Is there anyone know how to fix it?










share|improve this question


























    up vote
    0
    down vote

    favorite












    I built a new project by using the command



    "ng new Client --style=scss --routing"


    After that, I ran the command



    "ng add @angular/pwa"


    Then I try to run



    "npm start"


    it pops up the below messages:



    ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
    Module build failed (from ./node_modules/sass-loader/lib/loader.js):
    Error: Cannot find module 'node-sass'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
    at Function.Module._load (internal/modules/cjs/loader.js:506:25)
    at Module.require (internal/modules/cjs/loader.js:636:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.sassLoader (C:xampphtdocsclientnode_modulessass-loaderlibloader.js:46:72) i 「wdm」: Failed to compile.


    I tried to use the command



    "npm install --unsafe-perm=true" 


    then use



    "npm install node-sass"


    still came out error message:



    2319 warn optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modulesfsevents):
    2320 warn notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
    2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Valid OS: darwin
    2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Valid Arch: any
    2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Actual OS: win32
    2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Actual Arch: x64
    2322 warn optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.9.3 (node_modules@angular-devkitbuild-angularnode_modulesnode-sass):
    2323 warn optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.9.3 postinstall: node scripts/build.js
    2323 warn optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
    2324 verbose optional SKIPPING OPTIONAL DEPENDENCY:
    2324 verbose optional Failed at the node-sass@4.9.3 postinstall script.
    2324 verbose optional SKIPPING OPTIONAL DEPENDENCY: This is probably not a problem with npm. There is likely additional logging output above.
    2325 verbose stack Error: node-sass@4.10.0 postinstall: node scripts/build.js
    2325 verbose stack Exit status 1
    2325 verbose stack at EventEmitter. (C:Program Filesnodejsnode_modulesnpmnode_modulesnpm-lifecycleindex.js:301:16)
    2325 verbose stack at EventEmitter.emit (events.js:182:13)
    2325 verbose stack at ChildProcess. (C:Program Filesnodejsnode_modulesnpmnode_modulesnpm-lifecyclelibspawn.js:55:14)
    2325 verbose stack at ChildProcess.emit (events.js:182:13)
    2325 verbose stack at maybeClose (internal/child_process.js:962:16)
    2325 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:251:5)
    2326 verbose pkgid node-sass@4.10.0
    2327 verbose cwd C:xampphtdocsclient
    2328 verbose Windows_NT 6.1.7601
    2329 verbose argv "C:Program Filesnodejsnode.exe" "C:Program Filesnodejsnode_modulesnpmbinnpm-cli.js" "install" "node-sass"
    2330 verbose node v10.13.0
    2331 verbose npm v6.4.1
    2332 error code ELIFECYCLE
    2333 error errno 1
    2334 error node-sass@4.10.0 postinstall: node scripts/build.js
    2334 error Exit status 1
    2335 error Failed at the node-sass@4.10.0 postinstall script.
    2335 error This is probably not a problem with npm. There is likely additional logging output above.
    2336 verbose exit [ 1, true ]


    Is there anyone know how to fix it?










    share|improve this question
























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I built a new project by using the command



      "ng new Client --style=scss --routing"


      After that, I ran the command



      "ng add @angular/pwa"


      Then I try to run



      "npm start"


      it pops up the below messages:



      ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
      Module build failed (from ./node_modules/sass-loader/lib/loader.js):
      Error: Cannot find module 'node-sass'
      at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
      at Function.Module._load (internal/modules/cjs/loader.js:506:25)
      at Module.require (internal/modules/cjs/loader.js:636:17)
      at require (internal/modules/cjs/helpers.js:20:18)
      at Object.sassLoader (C:xampphtdocsclientnode_modulessass-loaderlibloader.js:46:72) i 「wdm」: Failed to compile.


      I tried to use the command



      "npm install --unsafe-perm=true" 


      then use



      "npm install node-sass"


      still came out error message:



      2319 warn optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modulesfsevents):
      2320 warn notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
      2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Valid OS: darwin
      2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Valid Arch: any
      2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Actual OS: win32
      2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Actual Arch: x64
      2322 warn optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.9.3 (node_modules@angular-devkitbuild-angularnode_modulesnode-sass):
      2323 warn optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.9.3 postinstall: node scripts/build.js
      2323 warn optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
      2324 verbose optional SKIPPING OPTIONAL DEPENDENCY:
      2324 verbose optional Failed at the node-sass@4.9.3 postinstall script.
      2324 verbose optional SKIPPING OPTIONAL DEPENDENCY: This is probably not a problem with npm. There is likely additional logging output above.
      2325 verbose stack Error: node-sass@4.10.0 postinstall: node scripts/build.js
      2325 verbose stack Exit status 1
      2325 verbose stack at EventEmitter. (C:Program Filesnodejsnode_modulesnpmnode_modulesnpm-lifecycleindex.js:301:16)
      2325 verbose stack at EventEmitter.emit (events.js:182:13)
      2325 verbose stack at ChildProcess. (C:Program Filesnodejsnode_modulesnpmnode_modulesnpm-lifecyclelibspawn.js:55:14)
      2325 verbose stack at ChildProcess.emit (events.js:182:13)
      2325 verbose stack at maybeClose (internal/child_process.js:962:16)
      2325 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:251:5)
      2326 verbose pkgid node-sass@4.10.0
      2327 verbose cwd C:xampphtdocsclient
      2328 verbose Windows_NT 6.1.7601
      2329 verbose argv "C:Program Filesnodejsnode.exe" "C:Program Filesnodejsnode_modulesnpmbinnpm-cli.js" "install" "node-sass"
      2330 verbose node v10.13.0
      2331 verbose npm v6.4.1
      2332 error code ELIFECYCLE
      2333 error errno 1
      2334 error node-sass@4.10.0 postinstall: node scripts/build.js
      2334 error Exit status 1
      2335 error Failed at the node-sass@4.10.0 postinstall script.
      2335 error This is probably not a problem with npm. There is likely additional logging output above.
      2336 verbose exit [ 1, true ]


      Is there anyone know how to fix it?










      share|improve this question













      I built a new project by using the command



      "ng new Client --style=scss --routing"


      After that, I ran the command



      "ng add @angular/pwa"


      Then I try to run



      "npm start"


      it pops up the below messages:



      ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
      Module build failed (from ./node_modules/sass-loader/lib/loader.js):
      Error: Cannot find module 'node-sass'
      at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
      at Function.Module._load (internal/modules/cjs/loader.js:506:25)
      at Module.require (internal/modules/cjs/loader.js:636:17)
      at require (internal/modules/cjs/helpers.js:20:18)
      at Object.sassLoader (C:xampphtdocsclientnode_modulessass-loaderlibloader.js:46:72) i 「wdm」: Failed to compile.


      I tried to use the command



      "npm install --unsafe-perm=true" 


      then use



      "npm install node-sass"


      still came out error message:



      2319 warn optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modulesfsevents):
      2320 warn notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
      2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Valid OS: darwin
      2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Valid Arch: any
      2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Actual OS: win32
      2321 verbose notsup SKIPPING OPTIONAL DEPENDENCY: Actual Arch: x64
      2322 warn optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.9.3 (node_modules@angular-devkitbuild-angularnode_modulesnode-sass):
      2323 warn optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.9.3 postinstall: node scripts/build.js
      2323 warn optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
      2324 verbose optional SKIPPING OPTIONAL DEPENDENCY:
      2324 verbose optional Failed at the node-sass@4.9.3 postinstall script.
      2324 verbose optional SKIPPING OPTIONAL DEPENDENCY: This is probably not a problem with npm. There is likely additional logging output above.
      2325 verbose stack Error: node-sass@4.10.0 postinstall: node scripts/build.js
      2325 verbose stack Exit status 1
      2325 verbose stack at EventEmitter. (C:Program Filesnodejsnode_modulesnpmnode_modulesnpm-lifecycleindex.js:301:16)
      2325 verbose stack at EventEmitter.emit (events.js:182:13)
      2325 verbose stack at ChildProcess. (C:Program Filesnodejsnode_modulesnpmnode_modulesnpm-lifecyclelibspawn.js:55:14)
      2325 verbose stack at ChildProcess.emit (events.js:182:13)
      2325 verbose stack at maybeClose (internal/child_process.js:962:16)
      2325 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:251:5)
      2326 verbose pkgid node-sass@4.10.0
      2327 verbose cwd C:xampphtdocsclient
      2328 verbose Windows_NT 6.1.7601
      2329 verbose argv "C:Program Filesnodejsnode.exe" "C:Program Filesnodejsnode_modulesnpmbinnpm-cli.js" "install" "node-sass"
      2330 verbose node v10.13.0
      2331 verbose npm v6.4.1
      2332 error code ELIFECYCLE
      2333 error errno 1
      2334 error node-sass@4.10.0 postinstall: node scripts/build.js
      2334 error Exit status 1
      2335 error Failed at the node-sass@4.10.0 postinstall script.
      2335 error This is probably not a problem with npm. There is likely additional logging output above.
      2336 verbose exit [ 1, true ]


      Is there anyone know how to fix it?







      node.js sass






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 9 at 4:24









      W Kenny

      13




      13
























          2 Answers
          2






          active

          oldest

          votes

















          up vote
          0
          down vote













          You should try this




          npm rebuild node-sass







          share|improve this answer





















          • My solution was "npm install --global --production windows-build-tools"
            – W Kenny
            Nov 13 at 4:32


















          up vote
          0
          down vote



          accepted










          The problem is being solved by



          npm install --global --production windows-build-tools,



          It will guide the node to install python and all the necessary tools to load sass






          share|improve this answer





















            Your Answer






            StackExchange.ifUsing("editor", function () {
            StackExchange.using("externalEditor", function () {
            StackExchange.using("snippets", function () {
            StackExchange.snippets.init();
            });
            });
            }, "code-snippets");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "1"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














            draft saved

            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53219854%2funable-to-install-sass-v4-10-after-run-the-command-ng-add-angular-pwa%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            2 Answers
            2






            active

            oldest

            votes








            2 Answers
            2






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            0
            down vote













            You should try this




            npm rebuild node-sass







            share|improve this answer





















            • My solution was "npm install --global --production windows-build-tools"
              – W Kenny
              Nov 13 at 4:32















            up vote
            0
            down vote













            You should try this




            npm rebuild node-sass







            share|improve this answer





















            • My solution was "npm install --global --production windows-build-tools"
              – W Kenny
              Nov 13 at 4:32













            up vote
            0
            down vote










            up vote
            0
            down vote









            You should try this




            npm rebuild node-sass







            share|improve this answer












            You should try this




            npm rebuild node-sass








            share|improve this answer












            share|improve this answer



            share|improve this answer










            answered Nov 12 at 9:55









            Pooja Patel

            367




            367












            • My solution was "npm install --global --production windows-build-tools"
              – W Kenny
              Nov 13 at 4:32


















            • My solution was "npm install --global --production windows-build-tools"
              – W Kenny
              Nov 13 at 4:32
















            My solution was "npm install --global --production windows-build-tools"
            – W Kenny
            Nov 13 at 4:32




            My solution was "npm install --global --production windows-build-tools"
            – W Kenny
            Nov 13 at 4:32












            up vote
            0
            down vote



            accepted










            The problem is being solved by



            npm install --global --production windows-build-tools,



            It will guide the node to install python and all the necessary tools to load sass






            share|improve this answer

























              up vote
              0
              down vote



              accepted










              The problem is being solved by



              npm install --global --production windows-build-tools,



              It will guide the node to install python and all the necessary tools to load sass






              share|improve this answer























                up vote
                0
                down vote



                accepted







                up vote
                0
                down vote



                accepted






                The problem is being solved by



                npm install --global --production windows-build-tools,



                It will guide the node to install python and all the necessary tools to load sass






                share|improve this answer












                The problem is being solved by



                npm install --global --production windows-build-tools,



                It will guide the node to install python and all the necessary tools to load sass







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 13 at 4:32









                W Kenny

                13




                13






























                    draft saved

                    draft discarded




















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid



                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.


                    To learn more, see our tips on writing great answers.





                    Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


                    Please pay close attention to the following guidance:


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid



                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.


                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53219854%2funable-to-install-sass-v4-10-after-run-the-command-ng-add-angular-pwa%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    這個網誌中的熱門文章

                    Xamarin.form Move up view when keyboard appear

                    Post-Redirect-Get with Spring WebFlux and Thymeleaf

                    Anylogic : not able to use stopDelay()