Can't install theme - Githubissues

angezanetti commented 2 years ago

I tried to follow the README to install this theme to my new Hugo project, but it failed.

In the doc, you said to run npm i, but it's hard to understand which package.json I should use. I tried to run it into the hugo-atlantic-theme directory, it failed.

Then I copied the package.json into my /, and run try to install the dependencies. Again, it failed with

Error: Error building site: POSTCSS: failed to transform "css/style.css" (text/css): TypeError: Cannot read properties of undefined (reading 'config')

Can you tell me how to manage this?

JugglerX commented 2 years ago

@angezanetti I've update the exampleSite folder, try and install it again and it should contain all the relevant files in the root.

hyknerf commented 2 years ago

Hi, @JugglerX! Love the theme and would like to try it out but I also face issue installing the theme.

> hugo new site mynewsite
Congratulations! Your new Hugo site is created in /.../mynewsite.

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.

> cd mynewsite

> git clone https://github.com/zerostaticthemes/hugo-atlantic-theme.git themes/hugo-atlantic-theme
Cloning into 'themes/hugo-atlantic-theme'...
remote: Enumerating objects: 403, done.
remote: Counting objects: 100% (403/403), done.
remote: Compressing objects: 100% (263/263), done.
remote: Total 403 (delta 161), reused 331 (delta 96), pack-reused 0
Receiving objects: 100% (403/403), 1.07 MiB | 1.63 MiB/s, done.
Resolving deltas: 100% (161/161), done.

> cp -a themes/hugo-atlantic-theme/exampleSite/. .

> npm install

added 113 packages, and audited 114 packages in 6s

23 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

> npm run start

> hugo-atlantic-theme@1.0.0 start
> concurrently "npm run watch:tailwind" "npm run watch:hugo"

[1]
[1] > hugo-atlantic-theme@1.0.0 watch:hugo
[1] > hugo server
[1]
[0]
[0] > hugo-atlantic-theme@1.0.0 watch:tailwind
[0] > tailwindcss -i ./assets/css/tailwind.css -o ./assets/css/dist/style.css --watch
[0]
[1] Start building sites ...
[1] hugo v0.101.0+extended darwin/amd64 BuildDate=unknown
[1] ERROR 2022/06/30 22:17:23 render of "section" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/list.html:14:56: executing "_default/list.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] ERROR 2022/06/30 22:17:23 render of "term" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/list.html:14:56: executing "_default/list.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] ERROR 2022/06/30 22:17:23 render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] ERROR 2022/06/30 22:17:23 render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] Built in 28 ms
[1] Error: Error building site: failed to render pages: render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] npm run watch:hugo exited with code 255
[0]
[0] Rebuilding...
[0] Done in 352ms.
[0]
[0] Rebuilding...
[0] Done in 36ms.

Really want it to work with my blog. Thanks.

Josh-BI-UK commented 1 year ago

Did this issue get resolved, what was the end solution?

moxv commented 1 year ago

Hi, @JugglerX! Love the theme and would like to try it out but I also face issue installing the theme.

> hugo new site mynewsite
Congratulations! Your new Hugo site is created in /.../mynewsite.

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.

> cd mynewsite

> git clone https://github.com/zerostaticthemes/hugo-atlantic-theme.git themes/hugo-atlantic-theme
Cloning into 'themes/hugo-atlantic-theme'...
remote: Enumerating objects: 403, done.
remote: Counting objects: 100% (403/403), done.
remote: Compressing objects: 100% (263/263), done.
remote: Total 403 (delta 161), reused 331 (delta 96), pack-reused 0
Receiving objects: 100% (403/403), 1.07 MiB | 1.63 MiB/s, done.
Resolving deltas: 100% (161/161), done.

> cp -a themes/hugo-atlantic-theme/exampleSite/. .

> npm install

added 113 packages, and audited 114 packages in 6s

23 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

> npm run start

> hugo-atlantic-theme@1.0.0 start
> concurrently "npm run watch:tailwind" "npm run watch:hugo"

[1]
[1] > hugo-atlantic-theme@1.0.0 watch:hugo
[1] > hugo server
[1]
[0]
[0] > hugo-atlantic-theme@1.0.0 watch:tailwind
[0] > tailwindcss -i ./assets/css/tailwind.css -o ./assets/css/dist/style.css --watch
[0]
[1] Start building sites ...
[1] hugo v0.101.0+extended darwin/amd64 BuildDate=unknown
[1] ERROR 2022/06/30 22:17:23 render of "section" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/list.html:14:56: executing "_default/list.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] ERROR 2022/06/30 22:17:23 render of "term" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/list.html:14:56: executing "_default/list.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] ERROR 2022/06/30 22:17:23 render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] ERROR 2022/06/30 22:17:23 render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] Built in 28 ms
[1] Error: Error building site: failed to render pages: render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] npm run watch:hugo exited with code 255
[0]
[0] Rebuilding...
[0] Done in 352ms.
[0]
[0] Rebuilding...
[0] Done in 36ms.

Really want it to work with my blog. Thanks.

Did this issue get resolved, what was the end solution?

first step:


git clone https://github.com/zerostaticthemes/hugo-atlantic-theme.git themes/hugo-atlantic-theme```

Step two:

```npm install```

third step:

```npm run start```

run complete, terminate

the fourth step:

```hugo server```

dokabi commented 1 month ago

I could finally solve the issue after executing npm install postcss command.

zerostaticthemes / hugo-atlantic-theme

Can't install theme #1