24 May 2022, 15:48

Thanks for the update, Paul. Yes, knowing what errors you are getting would certainly help. :-) If you are not making changes to the themes, then going with the CSS that is provided in the ZIP is OK. It's only when you do make changes that you have to remember to make them directly in CSS rather than in SASS as the later requires compiling.

I guess in the project team we are a bit spoiled by having Linux computers and thus having good access to the tools that others may not be so familiar with when only running things on the server and not having it as their everyday working environment.

Best,

Kristina

21 May 2022, 9:32

Could also be related to the fact that cron no longer works since the update and I am getting these errors if I run it manually, which I am looking into.

19 May 2022, 17:33

Same issue here and we installed and updated via zip!
Can't get it going as the content is somehow glued to the left site as seen in the screenshot of the original poster.
We tried already all suggestions.
make css is not working as arguments seem to be missing.

19 May 2022, 19:55

Hi Andi,

What do you mean that you have arguments missing? There aren't any arguments to run 'make css'. It does require though that you are on a Linux server and have the required Node installed.

Do you have a custom theme or do you work with one of the existing themes in Mahara? If you have your custom theme, that would need to be compiled itself unless you created it directly in CSS.

Cheers

Kristina

06 September 2022, 3:29

We seem to be getting similar problems with styles on 22.04, and `make css` is consistently crashing even on latest LTS node:

make css
make[1]: Entering directory '/home/julian/source/sites/ssatcloud/mahara'
Rebuilding CSS on host
npm install
npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm ERR! code 1
npm ERR! path /home/julian/source/sites/ssatcloud/mahara/node_modules/node-sass
npm ERR! command failed
npm ERR! command sh /tmp/postinstall-4a70db28.sh
npm ERR! Building: /home/julian/.nvm/versions/node/v16.17.0/bin/node /home/julian/source/sites/ssatcloud/mahara/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   '/home/julian/.nvm/versions/node/v16.17.0/bin/node',
npm ERR! gyp verb cli   '/home/julian/source/sites/ssatcloud/mahara/node_modules/node-gyp/bin/node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | linux | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "/usr/bin/python3" in the PATH
npm ERR! gyp verb `which` succeeded /usr/bin/python3 /usr/bin/python3
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: /usr/bin/python3 -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack   File "<string>", line 1
npm ERR! gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack                       ^
npm ERR! gyp ERR! stack SyntaxError: invalid syntax
npm ERR! gyp ERR! stack
npm ERR! gyp ERR! stack     at ChildProcess.exithandler (node:child_process:400:12)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack     at maybeClose (node:internal/child_process:1093:16)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
npm ERR! gyp ERR! System Linux 5.10.102.1-microsoft-standard-WSL2
npm ERR! gyp ERR! command "/home/julian/.nvm/versions/node/v16.17.0/bin/node" "/home/julian/source/sites/ssatcloud/mahara/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd /home/julian/source/sites/ssatcloud/mahara/node_modules/node-sass
npm ERR! gyp ERR! node -v v16.17.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/julian/.npm/_logs/2022-09-05T15_24_57_751Z-debug-0.log
make[1]: *** [Makefile:38: css] Error 1
make[1]: Leaving directory '/home/julian/source/sites/ssatcloud/mahara'
make: *** [Makefile:287: up] Error 2
 ~/source/sites/ssatcloud/mahara :: git( ssat-22.04-integration ≡  +1 ~1  2)                 16.17.0/npm 16:25:07
➜ vi  /home/julian/.npm/_logs/2022-09-05T15_24_57_751Z-debug-0.log
 ~/source/sites/ssatcloud/mahara :: git( ssat-22.04-integration ≡  +1 ~1  2)                 16.17.0/npm 16:27:19
➜ make css
Rebuilding CSS on host
npm install
npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm ERR! code 1
npm ERR! path /home/julian/source/sites/ssatcloud/mahara/node_modules/node-sass
npm ERR! command failed
npm ERR! command sh /tmp/postinstall-e799b494.sh
npm ERR! Building: /home/julian/.nvm/versions/node/v16.17.0/bin/node /home/julian/source/sites/ssatcloud/mahara/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   '/home/julian/.nvm/versions/node/v16.17.0/bin/node',
npm ERR! gyp verb cli   '/home/julian/source/sites/ssatcloud/mahara/node_modules/node-gyp/bin/node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | linux | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "/usr/bin/python3" in the PATH
npm ERR! gyp verb `which` succeeded /usr/bin/python3 /usr/bin/python3
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: /usr/bin/python3 -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack   File "<string>", line 1
npm ERR! gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack                       ^
npm ERR! gyp ERR! stack SyntaxError: invalid syntax
npm ERR! gyp ERR! stack
npm ERR! gyp ERR! stack     at ChildProcess.exithandler (node:child_process:400:12)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack     at maybeClose (node:internal/child_process:1093:16)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
npm ERR! gyp ERR! System Linux 5.10.102.1-microsoft-standard-WSL2
npm ERR! gyp ERR! command "/home/julian/.nvm/versions/node/v16.17.0/bin/node" "/home/julian/source/sites/ssatcloud/mahara/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd /home/julian/source/sites/ssatcloud/mahara/node_modules/node-sass
npm ERR! gyp ERR! node -v v16.17.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

06 September 2022, 4:02

Looks like it might be related to this node-sass issue

Question @anitsirk - are there any plans to migrate to Dart SASS as Libsass / nodesass are deprecated?

06 September 2022, 15:30

Hi Julian,

Currently, we are upgrading Node so that newer versions can be used with Mahara 22.10. Currently, Mahara 22.04 doesn't support the latest version of Node. The plan is to also include support for .nvm to existing supported versions of Mahara so that NVM can manage the version of Node used.

Thank you

Kristina

06 September 2022, 18:10

thanks Kristina, applying the patch allowed me to build the default css - now I just need to fix my theme :-) 

regards

Julian

20 September 2022, 16:29

Resolved