Currently, I am in the process of developing a website using Jekyll. My goal is to incorporate multiple SCSS files into the project. Although I successfully added a main file, I have encountered some difficulties with additional files.
Here is my directory structure:
_sass/main.scss
_sass/post.scss
_sass/apps/app1.scss
_sass/apps/app2.scss
Within the assets/css folder, there is a corresponding SCSS file for each of the ones listed above. For instance, assets/css/main.scss.
Each file located in the _sass directory contains distinct styles. The files within assets/css include code similar to this:
---
---
@import "main";
I can access the assets/css/main.css file after bundling the website successfully.
However, I encounter an error like the one below and cannot reach the other SCSS files:
Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/post.scss':
expected "{".
Error: expected "{".
Error: Run jekyll build --trace for more information.