No Code Attached Yet
avatar RickR2H
RickR2H
12 Feb 2022

Steps to reproduce the issue

  1. Install Joomla 4.1 using the nightly build version
  2. Go to the created folder media\templates\site\cassiopeia\scss and try to build the CSS with NPM or VScode.
  3. The build will fail because of wrong source paths in some of the SCSS files

Looks like the same problems with the Atum template in PR: #36879

Solution is to change the paths to the vendor and system folders in the scss/template.scss, scss/tools/_tools.scss and scss/offline.scss

The build script needs to be changed to handle the updates paths.

@dgt41 could you take a look?

avatar RickR2H RickR2H - open - 12 Feb 2022
avatar RickR2H RickR2H - change - 12 Feb 2022
Labels Removed: ?
avatar joomla-cms-bot joomla-cms-bot - change - 12 Feb 2022
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 12 Feb 2022
avatar dgrammatiko
dgrammatiko - comment - 12 Feb 2022

there's a pr: #36879

avatar dgrammatiko
dgrammatiko - comment - 12 Feb 2022

Looks like the same problems with the Atum template in PR: #36879

Did you try it? Did you run npm install after applying that PR?

avatar RickR2H
RickR2H - comment - 13 Feb 2022

The PR works! But that is only for compiling SCSS in a development environment when the build folder is present. I'm talking about a live site with the build media folder. So, download and install a regular Joomla 4.1 installation. Then try to compile the SCSS files in media/templates/site/cassiopeia with a tool of your choice. then you get:

{
"status": 1,
"file": "E:/wamp64/www/j41development/media/templates/site/cassiopeia/scss/tools/_tools.scss",
"line": 2,
"column": 1,
"message": "File to import not found or unreadable: ../../../../vendor/bootstrap/scss/functions.",
"formatted": "Error: File to import not found or unreadable: ../../../../vendor/bootstrap/scss/functions.\n on line 2 of scss/tools/_tools.scss\n from line 5 of scss/template.scss\n>> @import "../../../../vendor/bootstrap/scss/functions";\r\n ^\n"
}

The paths need to be one level up. From: ../../../../../media/vendor/bootstrap/scss/functions to ../../../../media/vendor/bootstrap/scss/functions. Then compiling works.

avatar dgrammatiko
dgrammatiko - comment - 13 Feb 2022

The PR works! But that is only for compiling SCSS in a development environment when the build folder is present.

The pr is not merged for 4.1 so 4.1 will be broken.

avatar RickR2H
RickR2H - comment - 16 Feb 2022

Thanks @dgrammatiko ?

avatar RickR2H RickR2H - change - 16 Feb 2022
Status New Closed
Closed_Date 0000-00-00 00:00:00 2022-02-16 01:01:08
Closed_By RickR2H
avatar RickR2H RickR2H - close - 16 Feb 2022
avatar RickR2H
RickR2H - comment - 16 Feb 2022

Duplicate of #36872


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/37011.

Add a Comment

Login with GitHub to post a comment