I have tried everything I can think of and looked everywhere but I cannot get a solution or even information about this problem. I get the following error when trying to us Hugo Pipes to transpile SCSS.
executing "partials/header.html" at <resources.ToCSS>: error calling ToCSS: type <nil> not supported in Resource transformations
I am using the extended version of Hugo and all of my files are in the right place. Lines of code from header.html are as follows.
{{ $options := (dict "targetPath" "css/styles.css" "enableSourceMap" true )}}
{{ $scss := resources.Get "scss/main.scss" }}
{{ if $scss }}
{{ $styles := $scss | resources.ToCSS $options }}
<link rel="stylesheet" href="{{ $styles.Permalink }}">
{{ end }}
I found this issue thread on the the Hugo Github but @bep’s solution really did not address the issue. Regardless, it is being implemented in the above code, however, it still fails to find my scss file.
Below is a screenshot of my file tree to show where the ‘main.scss’ file is located.
All documentation and resources tell me this is correct. If this is an issue with the resource not being found, therefore returning as <nil>, and the resource is in the correct place. What is going on?
Can anyone provide some clarity about what is happening and why I am unable to use this feature even though I am on the correct version?
Here is my output when running ‘hugo version’:
hugo v0.88.1+extended darwin/amd64 BuildDate=unknown
I do not know what else to do other than use Gulp to build my assets which I am trying to avoid. Thank you all in advance for your time.