Home>

I'm compiling sass with vscode using Easy sass, but it doesn't work.
Please professor.
Please write your question in detail here.
(Example) I am making a ●● system with PHP (CakePHP).
■■ The following error message occurred while implementing the function.

Contents written with the sass extension are not compiled with the css extension.

Error message


EasySass: could not generate CSS file. See Output panel for details
css shows null

Corresponding source code
Source code


@charset "UTF-8";

body {
font-family:'Franklin Gothic Medium','Arial Narrow', "Hiragino Gothic ProN", "Meiryo", "MEiryo Ui", Arial, sans-serif;
line-height: 1.5;
}

img {
width: 100%;
}

a {
text-decoration: none;
}

container {
width: 90%;
}

a: hover {
opacity: 0.7;
}

.clear :: after {
content: "";
clear: both;
display: block;
}

What I tried

Uninstall Easy sass → Install
Confirm relative path → Erase → Re-enter
Please describe here what you have tried for the problem.

Supplementary information (FW/tool version, etc.)

Please provide more detailed information here.

  • Answer # 1

    Above the part shown in the photo, on the third linebody {{Because it is written ({is one extra), the closing parenthesis}It seems that the correspondence with is not taken.

    3rd linebody {Fixed toplease. At least the error on line 3 should be cleared. Although another error may be revealed.

  • Answer # 2

    From the error message, the third line of style.sass

    body {{

    It seems that there is an error because there is no closing parenthesis "}".
    Check from the 3rd line of style.sass.
    Maybe there is an extra "{" or no required "}" ...