Error message when trying to create a subtheme as described in the documentation

Created on 22 June 2023, over 1 year ago
Updated 9 July 2023, over 1 year ago

Problem/Motivation

hi
i follow step by step the documentation about creating sub-theme.

Did i miss something?

The Sub-theme seems to have be correctly created but with some errors message (below is the log when running the create-new-vartheme.sh from scripts folder)

00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'install'
[19:01:06] Using gulpfile /app/docroot/themes/custom/my_varb_theme/gulpfile.js
[19:01:06] Starting 'move_bootstrap_js_files'...
[19:01:06] Finished 'move_bootstrap_js_files' after 21 ms
[19:01:07] Using gulpfile /app/docroot/themes/custom/my_varb_theme/gulpfile.js
[19:01:07] Starting 'move_popper_js_files'...
[19:01:07] 'move_popper_js_files' errored after 19 ms
[19:01:07] Error: File not found with singular glob: /app/docroot/themes/custom/my_varb_theme/node_modules/popper.js/dist/umd/popper.min.js (if this was purposeful, use `allowEmpty` option)
    at Glob.<anonymous> (/app/node_modules/glob-stream/readable.js:84:17)
    at Object.onceWrapper (node:events:628:26)
    at Glob.emit (node:events:513:28)
    at Glob.emit (node:domain:489:12)
    at Glob._finish (/app/node_modules/glob/glob.js:194:8)
    at done (/app/node_modules/glob/glob.js:179:14)
    at Glob._processSimple2 (/app/node_modules/glob/glob.js:688:12)
    at /app/node_modules/glob/glob.js:676:10
    at Glob._stat2 (/app/node_modules/glob/glob.js:772:12)
    at lstatcb_ (/app/node_modules/glob/glob.js:764:12)
[19:01:08] Using gulpfile /app/docroot/themes/custom/my_varb_theme/gulpfile.js
[19:01:08] Starting 'move_fontawesome_css_file'...
[19:01:08] 'move_fontawesome_css_file' errored after 19 ms
[19:01:08] Error: File not found with singular glob: /app/docroot/themes/custom/my_varb_theme/node_modules/@fortawesome/fontawesome-free/css/all.min.css (if this was purposeful, use `allowEmpty` option)
    at Glob.<anonymous> (/app/node_modules/glob-stream/readable.js:84:17)
    at Object.onceWrapper (node:events:628:26)
    at Glob.emit (node:events:513:28)
    at Glob.emit (node:domain:489:12)
    at Glob._finish (/app/node_modules/glob/glob.js:194:8)
    at done (/app/node_modules/glob/glob.js:179:14)
    at Glob._processSimple2 (/app/node_modules/glob/glob.js:688:12)
    at /app/node_modules/glob/glob.js:676:10
    at Glob._stat2 (/app/node_modules/glob/glob.js:772:12)
    at lstatcb_ (/app/node_modules/glob/glob.js:764:12)
[19:01:10] Using gulpfile /app/docroot/themes/custom/my_varb_theme/gulpfile.js
[19:01:10] Starting 'move_fontawesome_webfonts_files'...
[19:01:10] Finished 'move_fontawesome_webfonts_files' after 23 ms
[19:01:11] Using gulpfile /app/docroot/themes/custom/my_varb_theme/gulpfile.js
[19:01:11] Starting 'copy_files'...
[19:01:11] 'copy_files' errored after 24 ms
[19:01:11] Error: File not found with singular glob: /app/docroot/themes/custom/my_varb_theme/node_modules/rfs/scss.scss (if this was purposeful, use `allowEmpty` option)
    at Glob.<anonymous> (/app/node_modules/glob-stream/readable.js:84:17)
    at Object.onceWrapper (node:events:628:26)
    at Glob.emit (node:events:513:28)
    at Glob.emit (node:domain:489:12)
    at Glob._finish (/app/node_modules/glob/glob.js:194:8)
    at done (/app/node_modules/glob/glob.js:179:14)
    at Glob._processSimple2 (/app/node_modules/glob/glob.js:688:12)
    at /app/node_modules/glob/glob.js:676:10
    at Glob._stat2 (/app/node_modules/glob/glob.js:772:12)
    at lstatcb_ (/app/node_modules/glob/glob.js:764:12)
[19:01:12] Using gulpfile /app/docroot/themes/custom/my_varb_theme/gulpfile.js
[19:01:12] Starting 'rename_files'...
[19:01:12] 'rename_files' errored after 19 ms
[19:01:12] Error: File not found with singular glob: /app/docroot/themes/custom/my_varb_theme/scss/mixins/scss.scss (if this was purposeful, use `allowEmpty` option)
    at Glob.<anonymous> (/app/node_modules/glob-stream/readable.js:84:17)
    at Object.onceWrapper (node:events:628:26)
    at Glob.emit (node:events:513:28)
    at Glob.emit (node:domain:489:12)
    at Glob._finish (/app/node_modules/glob/glob.js:194:8)
    at done (/app/node_modules/glob/glob.js:179:14)
    at Glob._processSimple2 (/app/node_modules/glob/glob.js:688:12)
    at /app/node_modules/glob/glob.js:676:10
    at Glob._stat2 (/app/node_modules/glob/glob.js:772:12)
    at lstatcb_ (/app/node_modules/glob/glob.js:764:12)
[19:01:13] Using gulpfile /app/docroot/themes/custom/my_varb_theme/gulpfile.js
[19:01:13] Starting 'clean_files'...
[19:01:13] Finished 'clean_files' after 7.68 ms
[19:01:15] Using gulpfile /app/docroot/themes/custom/my_varb_theme/gulpfile.js
[19:01:15] Starting 'compile'...
Error in plugin "sass"
Message:
    scss/base/bootstrap.base.scss
Error: Can't find stylesheet to import.
  ╷
3 │ @import "../../node_modules/bootstrap/scss/functions";  // Bootstrap functions.
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  scss/base/bootstrap.base.scss 3:9  root stylesheet
[19:01:15] Finished 'compile' after 155 ms
---------------------------------------------------------------------------
   The new Vartheme BS4 Sub-Theme were created at "/app/docroot/themes/custom/my_varb_theme :)" 

**And when i run the gulp command from the created theme's folder i get the message below

[19:05:02] Using gulpfile /app/docroot/themes/custom/my_varb_theme/gulpfile.js
[19:05:02] Starting 'default'...
[19:05:02] Starting 'compile'...
Error in plugin "sass"
Message:
    scss/base/bootstrap.base.scss
Error: Can't find stylesheet to import.
  ╷
3 │ @import "../../node_modules/bootstrap/scss/functions";  // Bootstrap functions.
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  scss/base/bootstrap.base.scss 3:9  root stylesheet
[19:05:02] Finished 'compile' after 142 ms
[19:05:02] Starting 'move_bootstrap_js_files'...
[19:05:02] Finished 'move_bootstrap_js_files' after 5.61 ms
[19:05:02] Starting 'move_popper_js_files'...
[19:05:02] 'move_popper_js_files' errored after 4.8 ms
[19:05:02] Error: File not found with singular glob: /app/docroot/themes/custom/my_varb_theme/node_modules/popper.js/dist/umd/popper.min.js (if this was purposeful, use `allowEmpty` option)
💬 Support request
Status

Active

Version

9.0

Component

Code

Created by

🇧🇯Benin delacosta456

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @delacosta456
  • 🇯🇴Jordan Rajab Natshah Jordan

    Thanks for reporting.
    Please, check permission of files

    cd PROJECT_FOLDER
    sudo chmod 775 -R . ; sudo chown www-data:$USER -R .
    

    ✅ Released vartheme_bs4-9.0.25

  • 🇧🇯Benin delacosta456

    hi
    ok looks like the error was an issue related to how my lando environment was build.
    With lando file that came with the project, the configured node's service section wasn't working correctly when i run the configured tooling command . Searching on google, some people confirm it's a known issue that happens sometimes with node's service and suggest (as workaround) building the node as part of the appserver service which is what i did to get the sub-theme created as expected.

    However there are still some confusion between how sub-theme is created/generated (files/folder) and Varbase theme documentation

    At the root of project i can see there a package.json file that yarn install command will certainly validate and create a yarn.lock file and node_modules library when building lando environment.

    But before creating a sub-theme there's a step in Documentation(needed tools) that asked to run npm install gulp -D
    after which (if run from project root ) will create a package-lock.json file were there is already yarn.lock. This continuously produce warning of something like "it is not recommended to have both lock file..."

    Should i don't mind of that warning ?

    Thanks

Production build 0.71.5 2024