node-sass issue

[infiniwave]

When trying to install all dependencies, node-sass fails to build. Although Python exists, it is an outdated version requiring Python 2, which is unsupported. Upgrading to later versions of node-sass only causes more issues:

ERROR in   Error: Child compilation failed:
  Module parse failed: Unexpected token (1:0)
  You may need an appropriate loader to handle this file type, currently no load  ers are configured to process this file. See https://webpack.js.org/concepts#l  oaders
  > <section id="about" hidden>
  |  <h2>About the Speed Test</h2>
  | :
  SyntaxError: Unexpected token (1:0)
  Module parse failed: Unexpected token (1:0)
  You may need an appropriate loader to handle this file type, currently no load  ers are configured to process this file. See https://webpack.js.org/concepts#l  oaders
  > <section id="alerts">
  |  <div id="ie-alert" class="alert alert-warning alert-dismissible" hidden>
  |  <span class="message">Internet Explorer is not a <a href="about#supported-b  rowsers">suported:
  SyntaxError: Unexpected token (1:0)
  Module parse failed: Unexpected token (1:0)
  You may need an appropriate loader to handle this file type, currently no load  ers are configured to process this file. See https://webpack.js.org/concepts#l  oaders
  > <section id="history" hidden>
  |  <h2>Previous results</h2>
  | :
  SyntaxError: Unexpected token (1:0)
  Module parse failed: Unexpected token (1:0)
  You may need an appropriate loader to handle this file type, currently no load  ers are configured to process this file. See https://webpack.js.org/concepts#l  oaders
  > <section id="settings" hidden>
  |  <div class="flex">
  |  <h2>Settings</h2>:
  SyntaxError: Unexpected token (1:0)
  Module parse failed: Unexpected token (1:0)
  You may need an appropriate loader to handle this file type, currently no load  ers are configured to process this file. See https://webpack.js.org/concepts#l  oaders
  > <section id="share" hidden>
  |  <div class="text-center">
  |  <img id="share-result-image-preview" class="img-thumbnail" alt="Speed Test   results">:
  SyntaxError: Unexpected token (1:0)
  Module parse failed: Unexpected token (1:0)
  You may need an appropriate loader to handle this file type, currently no load  ers are configured to process this file. See https://webpack.js.org/concepts#l  oaders
  > <section id="speedtest" class="ready">
  |  <div id="progress" class="progress">
  |  <div class="progress-bar" role="progressbar"></div>:
  SyntaxError: Unexpected token (1:0)

  - compiler.js:79
    [web]/[html-webpack-plugin]/lib/compiler.js:79:16

  - Compiler.js:343
    [web]/[webpack]/lib/Compiler.js:343:11

  - Compiler.js:681
    [web]/[webpack]/lib/Compiler.js:681:15


  - Hook.js:154 AsyncSeriesHook.lazyCompileHook
    [web]/[tapable]/lib/Hook.js:154:20

  - Compiler.js:678
    [web]/[webpack]/lib/Compiler.js:678:31


  - Hook.js:154 AsyncSeriesHook.lazyCompileHook
    [web]/[tapable]/lib/Hook.js:154:20

  - Compilation.js:1423
    [web]/[webpack]/lib/Compilation.js:1423:35


  - Hook.js:154 AsyncSeriesHook.lazyCompileHook
    [web]/[tapable]/lib/Hook.js:154:20

  - Compilation.js:1414
    [web]/[webpack]/lib/Compilation.js:1414:32


  - task_queues:96 processTicksAndRejections
    node:internal/process/task_queues:96:5

[niklaskorz]

node-sass is deprecated and should be replaced by sass (Dart SASS), which is also supported by the sass-loader used in this project.