Particles js does'n work on sub languages

Question

Particles js does'n work on sub languages

pelloq1 opened this issue 4 years ago · comments

pelloq1 commented 4 years ago

Hello,

this is related to the #798 unfixed issue.

bug

What happened:
I cannot have the particles.js working on sublanguage versions of site.

What you expected to happen:
How to reproduce it (as minimally and precisely as possible):

I put a temporary version of the site here http://abacus.abouc.ch

In Fr (main) the particles work, but not in EN/DE.

Is there a quick fix I can (manualy) apply ?

Thanks

Environment:

Syna Theme version: 0.17.3

Console

particles.js:18 Uncaught TypeError: Cannot read property 'offsetWidth' of null
    at new pJS (particles.js:18)
    at window.particlesJS (particles.js:1517)
    at eval (hero.js:9)
    at Array.forEach (<anonymous>)
    at eval (hero.js:6)
    at Object../assets/js/hero.js (syna-hero.min.97a3fff0c67d9da74ebdd6af2640d8a9cde6200539e8c3b2c091b7fc6644420e.js:7)
    at __webpack_require__ (syna-hero.min.97a3fff0c67d9da74ebdd6af2640d8a9cde6200539e8c3b2c091b7fc6644420e.js:2)
    at syna-hero.min.97a3fff0c67d9da74ebdd6af2640d8a9cde6200539e8c3b2c091b7fc6644420e.js:4
    at syna-hero.min.97a3fff0c67d9da74ebdd6af2640d8a9cde6200539e8c3b2c091b7fc6644420e.js:5
pJS @ particles.js:18
window.particlesJS @ particles.js:1517
eval @ hero.js:9
eval @ hero.js:6
./assets/js/hero.js @ syna-hero.min.97a3fff0c67d9da74ebdd6af2640d8a9cde6200539e8c3b2c091b7fc6644420e.js:7
__webpack_require__ @ syna-hero.min.97a3fff0c67d9da74ebdd6af2640d8a9cde6200539e8c3b2c091b7fc6644420e.js:2
(anonymous) @ syna-hero.min.97a3fff0c67d9da74ebdd6af2640d8a9cde6200539e8c3b2c091b7fc6644420e.js:4
(anonymous) @ syna-hero.min.97a3fff0c67d9da74ebdd6af2640d8a9cde6200539e8c3b2c091b7fc6644420e.js:5

Mahdi Pourismaiel · Answer 1 · Mon Aug 10 2020 01:05:08 GMT+0800 (China Standard Time)

Would you please share reproduction steps? I just tested a few possible approaches and non of them are reproducing the issue in the website. If you can share a repo that would be awesome.

pelloq1 · Answer 2 · Mon Aug 10 2020 15:29:04 GMT+0800 (China Standard Time)

Hello,

Please follow these steps :

install a fresh hugo site
install syna in themes
unzip this file and place content and config.toml content.zip
run
defaut home page work fine
DE / EN home pages work fine EXCEPT the particles.

Thanks for looking this.

Mahdi Pourismaiel · Answer 3 · Tue Aug 11 2020 17:23:45 GMT+0800 (China Standard Time)

I'm still getting the particles in all of the languages:

Michael Grosser · Answer 4 · Tue Aug 11 2020 17:53:20 GMT+0800 (China Standard Time)

What do you use to run the site aka what specific command? Any difference between hugo server and hugo?
Are you using Hugo or Hugo extended?

pelloq1 · Answer 5 · Wed Aug 12 2020 19:47:17 GMT+0800 (China Standard Time)

Thanks for the help.

Shame on me, but I dont know how to get the very last version of syna.

I followed this :

git submodule init # If you haven't initialized before
git submodule add https://git.okkur.org/syna themes/syna
cd themes/syna
git checkout v0.17 # Latest release as of now is v0.17.0

But is there a way to get the very last version and overwrite the current version ?

Thanks you.

Hugo Static Site Generator v0.72.0/extended windows/amd64 BuildDate: unknown
hugo server -D -F

Michael Grosser · Answer 6 · Wed Aug 12 2020 19:49:38 GMT+0800 (China Standard Time)

cd themes/syna
git fetch --all
git checkout v0.17 # branch including master or specific version works
git pull # if a branch is used

pelloq1 · Answer 7 · Wed Aug 12 2020 19:58:20 GMT+0800 (China Standard Time)

I do a mistake :
Deleted the syna folder manualy, and now:

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus (master)
$ cd themes/syna

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus/themes/syna (master)
$ git fetch --all

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus/themes/syna (master)
$ git checkout v0.17
error: pathspec 'v0.17' did not match any file(s) known to git

Michael Grosser · Answer 8 · Wed Aug 12 2020 20:05:26 GMT+0800 (China Standard Time)

As the syna folder is now deleted it should work with these commands again:

git submodule init # If you haven't initialized before
git submodule add https://git.okkur.org/syna themes/syna
cd themes/syna
git checkout v0.17 # Latest release as of now is v0.17.0

To update again:

cd themes/syna
git fetch --all
git checkout v0.17 # branch including master or specific version works
git pull # if a branch is used

pelloq1 · Answer 9 · Wed Aug 12 2020 22:24:03 GMT+0800 (China Standard Time)

I am sorry :

$ git submodule add https://git.okkur.org/syna themes/syna
'themes/syna' already exists in the index

Then I create a themes/syna2
And now I cannot more build my site :-(
Error: Error building site: POSTCSS: failed to transform "style.css" (text/css): resource "scss/styles/index.scss_02bf14281ac065540fcc7ecc15ca70a4" not found in file cache

Michael Grosser · Answer 10 · Wed Aug 12 2020 22:34:35 GMT+0800 (China Standard Time)

rm themes/syna
rm themes/syna2
git submodule add https://git.okkur.org/syna themes/syna

Should work afaik

pelloq1 · Answer 11 · Wed Aug 12 2020 23:59:57 GMT+0800 (China Standard Time)

I started from scrach last hugo, recreate a site, copy the old :

content
static
shortcode

Installing syna following the base guideline

All is fine until I cannot build the site :

Building sites ÔÇª WARN 2020/08/12 17:56:31 .File.Dir on zero object. Wrap it in if or with: {{ with .File }}{{ .Dir }}{{ end }}
Total in 987 ms
Error: Error building site: POSTCSS: failed to transform "style.css" (text/css): resource "scss/styles/index.scss_02bf14281ac065540fcc7ecc15ca70a4" not found in file cache

Here the whole process :


Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites (master)
$ hugo new site abacus
Congratulations! Your new Hugo site is created in C:\Abacus-sync\sites\abacus.

Just a few more steps and you're ready to go:

1. Download a theme into the same-named folder.
   Choose a theme from https://themes.gohugo.io/ or
   create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
   with "hugo new <SECTIONNAME>\<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".

Visit https://gohugo.io/ for quickstart guide and full documentation.

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites (master)
$ cd abacus

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus (master)
$ git init
Initialized empty Git repository in C:/Abacus-sync/sites/abacus/.git/

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus (master)
$ git submodule init

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus (master)
$ git submodule add https://git.okkur.org/syna themes/syna
Cloning into 'C:/Abacus-sync/sites/abacus/themes/syna'...
warning: redirecting to https://github.com/okkur/syna.git/
remote: Enumerating objects: 154, done.
remote: Counting objects: 100% (154/154), done.
remote: Compressing objects: 100% (140/140), done.
remote: Total 17232 (delta 36), reused 62 (delta 10), pack-reused 17078
Receiving objects: 100% (17232/17232), 23.66 MiB | 1.82 MiB/s, done.
Resolving deltas: 100% (11459/11459), done.
warning: LF will be replaced by CRLF in .gitmodules.
The file will have its original line endings in your working directory

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus (master)
$ git submodule add https://git.okkur.org/syna themes/syna
'themes/syna' already exists in the index

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus (master)
$ cd themes/syna

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus/themes/syna (master)
$ git checkout v0.17
Switched to a new branch 'v0.17'
Branch 'v0.17' set up to track remote branch 'v0.17' from 'origin'.

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus/themes/syna (v0.17)
$ cd ..

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus/themes (master)
$ cd ..

Micro@LAPTOP-SPN2470S MINGW64 /c/Abacus-sync/sites/abacus (master)
$ hugo
Building sites ÔÇª WARN 2020/08/12 17:56:31 .File.Dir on zero object. Wrap it in if or with: {{ with .File }}{{ .Dir }}{{ end }}
Total in 987 ms
Error: Error building site: POSTCSS: failed to transform "style.css" (text/css): resource "scss/styles/index.scss_02bf14281ac065540fcc7ecc15ca70a4" not found in file cache

Michael Grosser · Answer 12 · Thu Aug 13 2020 00:02:43 GMT+0800 (China Standard Time)

This is due to #816 to fix this use either the non extended hugo version or install postcss-cli, but not sure, what's the best way to do this is in windows. We are working on fixing the underlying issue so.

pelloq1 · Answer 13 · Thu Aug 13 2020 13:36:05 GMT+0800 (China Standard Time)

Same error with non extended hugo.

Did you have a ETA for the fix ?

In all cases, thanks for you work.

Michael Grosser · Answer 14 · Thu Aug 13 2020 15:11:04 GMT+0800 (China Standard Time)

The latest would be within the next release so 2020-08-23, but we are hoping to get this merged into master earlier and therefore used earlier.

pelloq1 · Answer 15 · Mon Aug 24 2020 04:06:06 GMT+0800 (China Standard Time)

Hello,

Did you have some news? I wait on this to publish my site.

I don't want to make any pressure. Just get some infos, or workaround.

Thanks.

Michael Grosser · Answer 16 · Mon Aug 24 2020 17:26:42 GMT+0800 (China Standard Time)

Release is delayed unfortunately, but planned to get done till the end of week. Thanks for understanding.

pelloq1 · Answer 17 · Sat Aug 29 2020 22:05:23 GMT+0800 (China Standard Time)

Particles work fine now (I was not able to build the site such the postcss issue).

Thanks

Michael Grosser · Answer 18 · Sat Aug 29 2020 22:28:09 GMT+0800 (China Standard Time)

Closing as this is fixed and not really blocked by the separate postcss-cli issue.