Frontend Docker on Mac M1

[jpwiedekopf]

The Visualisierung container doesn't build on my work laptop, a MacBook with Apple Silicon, due to node-sass not building on arm64.

I was able to let it build by replacing node-sass in the package.json with sass, version +1.52.3. This is a recommended workaround 1 2, since libsass, which node-sass requires, is deprecated 3. Since sass exposes the same API to node-sass, replacing with this newer and supported package should be suitable.

Here is a patch for the package.json:

diff --git a/package.json b/package.json
index dc6dd94..309bef3 100644
--- a/package.json
+++ b/package.json
@@ -91,7 +91,7 @@
     "mini-css-extract-plugin": "^0.9.0",
     "mocha": "^9.1.3",
     "moment": "^2.27.0",
-    "node-sass": "^4.14.1",
+    "sass": "^1.52.3",
     "optimize-css-assets-webpack-plugin": "^5.0.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",